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

Question

我正在尝试从画布中获取图像，它适用于 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 和 iPhone 7s 的 HTC One 上进行了测试……我运行了toDataURL()但只得到“数据：”作为输出。

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

顺便提一句。有理由打电话var drawing = document.getElementById("drawing");两次吗？