Tela HTML5: receba um evento quando o desenho terminar
Eu estou desenhando uma imagem para um elemento de tela. Eu então tenho código que depende deste processo para ser finalizado. Meu código é assim:
var myContext = myCanvasElement.getContext('2d'),
myImg = new Image();
myImg.onload = function() {
myContext.drawImage(containerImg, 0, 0, 300, 300);
};
myImg.src = "someImage.png";
Então, agora, gostaria de ser notificado quando a drawImage for concluída. Eu verifiquei a especificação, mas não consegui encontrar um evento ou a possibilidade de passar uma função de retorno de chamada. Até agora eu acabei de definir um tempo limite, mas isso obviamente não é muito sustentável. Como você resolve este problema?