Как использовать 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); и все готово!