HTML5 Canvas:绘制完成时获取事件

2024-04-17

我正在将图像绘制到画布元素。然后我就有了依赖于这个过程来完成的代码。我的代码如下所示:

var myContext = myCanvasElement.getContext('2d'),
    myImg = new Image();

myImg.onload = function() {
    myContext.drawImage(containerImg, 0, 0, 300, 300);
};

myImg.src = "someImage.png";

所以现在,我想在绘制图像完成时收到通知。我检查了规范,但找不到事件或传递回调函数的可能性。到目前为止我只是设置了一个超时,但这显然不太可持续。你怎么解决这个问题?


与几乎所有 Javascript 函数一样,drawImage is 同步,即只有在它实际完成了它应该做的事情后才会返回。

这就是说,那是什么应该做的与大多数其他 DOM 调用一样,是下次浏览器进入事件循环时要重新绘制的事物的队列列表。

没有任何事件可以专门注册来告诉您何时发生,因为当调用任何此类事件处理程序时,重绘已经发生。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

HTML5 Canvas:绘制完成时获取事件 的相关文章

随机推荐