Javascript 画布中的Iphone图像匹配问题

我正在为iPhone开发HTML5应用程序。每当我从拍照选项中选择文件并将其放置在画布中时。它向顶部挤压。我找不出原因

我以前问过这个问题，搜索过很多网站，但都找不到解决这个问题的方法。有什么帮助吗

演示图像

请查找图片以查看问题。在清除按钮之前，新拍摄的照片不会占用空间

Html代码：

<canvas id="myCanvas" width="270" height="300"></canvas>
<input type="file" id="uploadImage" name="upload" value="Upload" onchange="PreviewImage();" />

function PreviewImage() {
    var oFReader = new FileReader();
    oFReader.readAsDataURL(document.getElementById("uploadImage").files[0]);
    oFReader.onload = function (oFREvent) {
        var canvas = document.getElementById('myCanvas');
        ctx = canvas.getContext('2d');
        ctx.clearRect(0, 0, 270, 300);
        imageUrl = oFREvent.target.result;
        var base_image = new Image();
        base_image.src = imageUrl;
        base_image.onload = function () {
            ctx.drawImage(base_image, 0, 0, 270, 300);
        }
    };
}

---

你有一些代码吗？请查看编辑。它的iOS错误/功能可能重复。您可以修复它，更多信息请参见前面的链接。