来自 iPhone iOS 6 的画布缩放图像答案

【问题标题】：Canvas scaling images from iPhone iOS 6来自 iPhone iOS 6 的画布缩放图像
【发布时间】：2012-09-27 08:10:57
【问题描述】：

我在尝试使用 iOS 6 上现在可用的功能缩放从 iPhone 上传的图像时遇到了奇怪的缩放问题。我只遇到了相机胶卷中的图像问题。照片流中的图像或从网络下载的图像等都可以正常工作。

3GS 和 4S 上的相同问题 - 所以与 RETINA 无关...！？在“新 iPad”上运行良好。

使用 ctx.drawimage(0,0,img.width,img.height,0,0,300,225) 或类似的东西，但图像的宽度确实被拉伸了。

我能得到的唯一方法是 ctx.scale(1,3.5)，这对我来说毫无意义。我已经尝试在画布上设置宽度和高度（attr 和 css），缩放到 devicePixelRatio / backingStoreRatio 以及我可以搜索的任何其他内容：-/

有什么想法吗？

【问题讨论】：

【解决方案1】：

图像被拉伸的唯一真实方式是，如果您用于从源复制的比例与您用于复制到目标的比例不同。

下面img.width和img.height的值是多少？

ctx.drawimage(resource, 0,0,img.width,img.height,0,0,300,225)

这两个值之间的比率是否与 300 和 225 之间的比率相同？

【讨论】：

我认为你完全正确。我确实尝试检测图像的宽度和高度，然后适当地缩放，但我可能有一些错误。我最终在这个项目中使用了 phonegap，并且 phonegap 的相机库支持指定您所需的比例。