運行iOS 7的iPhone 5上的HTML5畫布上的圖像渲染

Question

canvasOn我正在開發一個移動web應用程序中的網頁，我有一個用於使用移動設備攝像頭拍照的文件輸入控件。然後，來自相機的圖像被繪製到同一頁面上的HTML5畫布對象上。

我遇到的問題是，如果Web應用程序在運行iOS 7的iPhone 5上運行（在Safari Web瀏覽器中），圖像顯得非常失真。具體來說，圖像在畫布上繪製時看起來垂直壓扁。如果同一個Web應用程序在Android設備上運行，則不會出現失真。

在之前的iOS版本和iPhone 5之前的iOS設備上，出現了一些垂直壓扁（雖然不如此），並且可以使用名爲megapixel-image.js的jquery插件來糾正垂直壓扁。這個工具不幸與iOS 7不兼容。

這是與Safari中的圖像子採樣還是其他？可以做些什麼來糾正這個問題？我顯然不能讓我的用戶看到這個扭曲的圖像。任何想要使用相機和HTML5畫布的移動Web應用程序開發人員都會遇到此問題，因此必須提供解決方案。

Answer 1

megapixel-image.js確實可以正確處理這個問題。我發現我錯誤地向插件傳遞了一些參數，導致它不起作用。感謝Ray Nicholus對此問題的幫助。