Canvas toBlob在iPhone Safari上无法工作？

Question

我试图将画布图像转换为 blob。可以使用 toBlob() polyfile 完成此操作。 它适用于桌面浏览器，但在 iPhone 上，我无法获取任何 blob。大小始终为零。

这是 JsFiddle 的链接: http://jsfiddle.net/confile/h7zV3/ 如何从 iPhone 的画布中获取 Blob？ 这是我使用的代码：

    <input id="file" type="file" />

    <img id="img">

    <br>canvas<br>

    <canvas id="mycanvas" ></canvas>


<script type="text/javascript">

$(function(){

    var $inputFile = $("#file"),
    inputFile = $inputFile[0],
    $img = $("#img"),
    img = $img[0];


    var tmpImage = img; // document.createElement("img");


    $inputFile.on("change", function() {
        var files = inputFile.files;

        if (!files || !files.length) 
            return

        var reader = new FileReader()

        reader.onload = function(progressEvent) {

            console.log("reader.result: "+reader.result);

            tmpImage.onload = function() {
                var canvas = $("#mycanvas")[0]; //document.createElement("canvas"),
                context = canvas.getContext("2d");

                canvas.width = this.width;
                canvas.height = this.height;
                context.drawImage(this, 0, 0);


                var dataUrlValue = canvas.toDataURL(); //canvas.toDataURL("image/jpeg");
                alert(dataUrlValue);
                var myBlob1 = dataURItoBlob(dataUrlValue);
                console.log(myBlob1);
                alert(myBlob1.size);


                canvas.toBlob(function(blob) {
                    console.log("done");
                    alert(blob.size);


                }, 'image/jpeg');

            }; // end onload
            tmpImage.src = reader.result;   

        };
        reader.readAsDataURL(files[0]);


    });


});  // end JQuery
</script>

- confile

---

你有找到任何解决方案吗？ - Lijo

Answer 1

使用这个插件JavaScript-Canvas-to-Blob将画布元素转换为Blob对象。

然后使用canvas.toBlob()方法与原生实现相同的方式。

- Alaeddine

Answer 2

你可以使用。

var data = context.getImageData(0, 0, IMAGE_WIDTH, IMAGE_HEIGHT);

返回数组的每个元素都是图像的一个字节，考虑到图像每个像素是按RGB顺序3个字节。

for(var i = 0; i < data.length; i++) {
  // do something for saving the data (bytes) in the format you need
  // ... if you need to
}

- Gamaliel

---

哦，对不起，我刚意识到它实际上与iOS不兼容。 - Gamaliel