我在角度js中使用图像查看器,.I am成功地实现了图像查看器,.I没有得到实际的图像,但是得到了放大的图像,为什么?
这是我的代码http://plnkr.co/edit/eemTIHAON9T6nXf31D8C?p=preview
获取此输出(缩放图像)

期待完整的图像而没有缩放的

app.controller('MainCtrl',函数($scope,$timeout) {
$scope.ca='https://evportal.airtel.com/sharedimages/Postpaid/93c4e50b-10a7-4717-b976-592b74bc2d371541256937292_poa_front_image.jpeg'
})发布于 2018-11-03 18:49:56
在resetImage()函数的app.js中,将currentScale设置为1,然后在画布上用1:1比例绘制图像。您不希望这样做,因为这种方式将根据画布上自己的宽度/高度绘制图像。大图片将出现放大,小图片将出现放大。
相反,您需要根据输入源的宽度/高度初始化一个缩放,以便在画布上绘制整个图片。要做到这一点,最好的方法是这样:
currentScale = Math.min(canvas.width/image.width, canvas.height/image.height);发布于 2018-11-03 19:17:14
您需要更改图像的缩放参数。根据给予柱塞链接,在app.js文件中,请参阅第92行,您需要将currentScale = 1;替换为
currentScale = 0.1;这将如您所期望的那样呈现您的图像。
要查看工作示例,请按下面的链接操作。
http://plnkr.co/edit/Q7bvAr?p=preview
https://stackoverflow.com/questions/53133853
复制相似问题