首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >为什么我得到放大图像在天使?

为什么我得到放大图像在天使?
EN

Stack Overflow用户
提问于 2018-11-03 17:37:00
回答 2查看 312关注 0票数 1

我在角度js中使用图像查看器,.I am成功地实现了图像查看器,.I没有得到实际的图像,但是得到了放大的图像,为什么?

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

获取此输出(缩放图像)

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

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

代码语言:javascript
运行
复制
 $scope.ca='https://evportal.airtel.com/sharedimages/Postpaid/93c4e50b-10a7-4717-b976-592b74bc2d371541256937292_poa_front_image.jpeg'

})
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-11-03 18:49:56

在resetImage()函数的app.js中,将currentScale设置为1,然后在画布上用1:1比例绘制图像。您不希望这样做,因为这种方式将根据画布上自己的宽度/高度绘制图像。大图片将出现放大,小图片将出现放大。

相反,您需要根据输入源的宽度/高度初始化一个缩放,以便在画布上绘制整个图片。要做到这一点,最好的方法是这样:

代码语言:javascript
运行
复制
currentScale = Math.min(canvas.width/image.width, canvas.height/image.height);
票数 2
EN

Stack Overflow用户

发布于 2018-11-03 19:17:14

您需要更改图像的缩放参数。根据给予柱塞链接,在app.js文件中,请参阅第92行,您需要将currentScale = 1;替换为

代码语言:javascript
运行
复制
currentScale = 0.1;

这将如您所期望的那样呈现您的图像。

要查看工作示例,请按下面的链接操作。

http://plnkr.co/edit/Q7bvAr?p=preview

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53133853

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档