javascript - 为什么 toDataURL 在移动端获取不到 Canvas 内容？

Question

我正在尝试从 Canvas 获取图像，它适用于 pc 浏览器，但不适用于移动设备(我在 Safari 中的 iPhone 上测试过)...

代码如下:

$('#draw').click(function() {            
    $('#drawing').css("visibility", "visible");         
    var drawing = document.getElementById("drawing");
    var con = drawing.getContext("2d");         
    var img = new Image();
    img.src = "http://www.deque.com/wbcntnt928/wp-content/dquploads/jquery_logo.png";
    img.onload = function() {                
        con.drawImage(img, 0, 0, 250, 250);
        //Generate Image
        var drawing = document.getElementById("drawing");
        var dataURL = drawing.toDataURL(); //Does nothing on mobile, not even an error
        document.getElementById("result").src = dataURL;
    };                  

});

有什么原因的提示吗？

Answer 1

我也有同样的问题。在搭载 Android 2.3 的 HTC Desire、搭载 Android 4.0 的 HTC One 和 iPhone 7s 上进行了测试...我运行了 toDataURL() 但只得到“数据:”作为输出。

根据 here Android 不支持它，不知道 iOS7，但似乎也不支持。

顺便说一句。是否有调用 var drawing = document.getElementById("drawing"); 两次的原因？