我有一个用一个方框绘制字母'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 相同吗?