javascript - 画布上的图像时 Canvas.doDataUrl 不起作用

Question

我知道它仅适用于本地图像。任何人都可以发布执行此操作的工作代码吗？

我试过以下 -

        var base_image = new Image();
        base_image.src = ("/img.png");

        base_image.onload = function(){
            var context = canvas.getContext('2d');
            context.drawImage(base_image, 0, 0);

        }

甚至输入我自己的网址

base_image.src = ("www.mywebsite.com/img.png");

其次是 -

    var str = canvas.toDataURL("image/png");
    $("#myimg").attr("src", str);

都不工作。

我怎样才能使这项工作？

Answer 1

放在base_image.src 后面 base_image.onload：

    var base_image = new Image();
    base_image.onload = function(){
        var context = canvas.getContext('2d');
        context.drawImage(base_image, 0, 0);
        var str = canvas.toDataURL("image/png");
        $("#myimg").attr("src", str);
    }
    base_image.src = ("/img.png");