我正在尝试从画布上获取图像,它在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;
    };

});

有什么线索吗?

最佳答案

我也有同样的问题。在HTC Desire上测试了Android2.3,HTC One上测试了Android4.0和iPhone7S。。。我查看了toDataURL(),但只得到“data:,”作为输出。
根据Android不支持iOS7,但看起来也不支持。
顺便问一下,有没有理由打两次电话给var drawing = document.getElementById("drawing");

关于javascript - 为什么toDataURL无法在移动设备上获取 Canvas 内容?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/18972038/

10-11 10:37