html5 canvas ios限制,HTML5画布的drawImage比错误的iOS(HTML5 Canvas drawImage ra

我想调整从iOS相机上使用HTML5画布客户端拍摄的图像，但我一直在这个奇怪的错误，这错误的图像有一个错误的比率，如果运行超过〜1.5MB大

它的工作原理在桌面上，但不是在最新的iOS版本，媒体上传API。

：你可以在这里看到一个例子http://jsbin.com/ekuros/1

任何想法如何解决这个问题吗？ 这是内存的问题？

$('#file').on('change', function (e) {

var file = e.currentTarget.files[0];

var reader = new FileReader();

reader.onload = function (e) {

var image = $('');

image.on('load', function () {

var square = 320;

var canvas = document.createElement('canvas');

canvas.width = square;

canvas.height = square;

var context = canvas.getContext('2d');

context.clearRect(0, 0, square, square);

var imageWidth;

var imageHeight;

var offsetX = 0;

var offsetY = 0;

if (this.width > this.height) {

imageWidth = Math.round(square * this.width / this.height);

imageHeight = square;

offsetX = - Math.round((imageWidth - square) / 2);

} else {

imageHeight = Math.round(square * this.height / this.width);

imageWidth = square;