drawImage和canvas之间的动画

时间:2017-12-09 06:42:09

标签: javascript html5

我有一个用一个方框绘制字母'a'的画布:

 var cxt = document.getElementById('someCanvas').getContext('2d');
 cxt.strokeRect(someX, someY, someWidth, someHeight);
 cxt.fillText('a', someX, someY);

如果我想要动画移动而不留下之前绘制的画布,我需要 clearRect 并重新绘制它:

 cxt.clearRect(someX, someY, someWidth, someHeight);
 //cxt.strokeRect..
 //cxt.fillText..

但是,使用drawImage,我只需增加其x / y而无需再次清除/重新绘制它:

 cxt.drawImage(src, someX, someY);

我想知道,如果我想要更多的字母/其他字母,这两种方法会有任何性能差异吗? drawImage 的清除方式与 clearRect 相同吗?

0 个答案:

没有答案