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");