如何使用带有图像onload功能的toDataURL？

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);并完成！