javascript - canvas.toDataUrl 在 phonegap 中不起作用

Question

我正在尝试从图像中获取 base64 数据。所以我正在做的是，创建新的画布元素，然后绘制需要 base64 的图像，然后使用 canvas.toDataUrl 函数从画布获取 base64 数据。

但是作为 canvas.toDataUrl 的回报，我得到了 ==> 数据：，这在网络浏览器上运行良好，但在 android 模拟器或手机上运行良好。

<script type="text/javascript">
$('document').ready(function() {

    var img = new Image();
    img.src="images/splash.png";
    var canvas = document.createElement("canvas");
    var context = canvas.getContext("2d");
    var rectWidth = $(window).width();
    var rectHeight = 100;
    canvas.width = rectWidth;
    canvas.height = rectHeight;

    img.onload = function() {
      context.drawImage(img, 0, 0);
        var myImage1 = canvas.toDataURL("image/png");      // Get the data as an image.
        $("#MyPix").attr('src', myImage1); 
        $('#canvasDiv').append(myImage1);
    }
    $('#canvasDiv').append(canvas);
});
</script>