运行iOS 7的iPhone 5上的HTML5画布上的图像渲染

Question

canvas我正在开发的移动Web应用程序中的网页，我有一个fileinput控件，用于使用移动设备相机拍照。然后将摄像机中的图像绘制到同一页面上的HTML5画布对象上。

我遇到的问题是，如果Web应用程序在运行iOS 7的iPhone 5上运行（在Safari Web浏览器中），则图像显得非常扭曲。具体来说，在画布上绘制时，图像看起来是垂直压扁的。如果在Android设备上运行相同的Web应用程序，则不会出现失真。

在早期版本的iOS和iPhone 5之前的iOS设备上，看到了一些垂直压扁（尽管没有这么差），并且可以使用名为megapixel-image.js的jquery插件来纠正垂直压扁。遗憾的是，此工具与iOS 7不兼容。

这是否与Safari中的图像子采样有关？可以做些什么来纠正这个？我显然不能让我的用户看到这个扭曲的图像。任何想要使用相机和HTML5画布的移动网络应用程序开发人员都会遇到此问题，因此必须提供解决方案。

Answer 1

megapixel-image.js可以正确处理这个问题。我发现我正在将一些参数错误地传递给插件，导致它无法正常工作。感谢Ray Nicholus对这个问题的帮助。