如何使用toDataURL與圖像onload函數？

Question

function resetDisplayImg(){ 
var tempImage = new Image(); 

tempImage.src=document.getElementById("myCanvas").toDataURL("image/png"); 
tempImage.onload=function(){ 
context.drawImage(tempImage1,0,0,Canvas_WIDTH,Canvas_HEIGHT); 
} 

}

每次當我撥打以上功能，我必須調用兩次然後將正常工作。我知道功能「onload」可以解決這個問題，但即使我應用它，問題仍然會發生。我有沒有犯過錯誤？

Answer 1

把.src線onload

之後，但你不應該擺在首位做這個。你可以直接畫一個畫布到另一個畫布，所以你可以直接寫：

context.drawImage(document.getElementById("myCanvas"), 0, 0);並且完成！