我在angular js中使用图像查看器。我成功实现了图像查看器。我没有得到实际图像,但得到了缩放图像,为什么?

这是我的代码
http://plnkr.co/edit/eemTIHAON9T6nXf31D8C?p=preview

获取此输出(缩放的图像)

javascript - 为什么我在angularjs中得到缩放图像?-LMLPHP

期望完整图像而不缩放

javascript - 为什么我在angularjs中得到缩放图像?-LMLPHP

app.controller('MainCtrl',function($ scope,$ timeout){

 $scope.ca='https://evportal.airtel.com/sharedimages/Postpaid/93c4e50b-10a7-4717-b976-592b74bc2d371541256937292_poa_front_image.jpeg'

})

最佳答案

在app.js的resetImage()函数中,将currentScale设置为1。然后将在画布上以1:1比例绘制图像。
您不需要这样做,因为这样可以根据画布上自己的宽度/高度来绘制图像。大图片将显示放大,小图片将显示缩小。

相反,您想根据输入源的宽度/高度来初始化比例,以便将整个图片绘制在画布上。简洁的方法是这样的:

currentScale = Math.min(canvas.width/image.width, canvas.height/image.height);

关于javascript - 为什么我在angularjs中得到缩放图像?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/53133853/

10-11 13:00
查看更多