画布纯画与png图像

Question

更快（复杂的图纸）。 fillRect或重新打印png图像drawImage。当重印10000对象时。

ctx.fillStyle="#FF0000";//RED COLOR
ctx.fillRect(0,0,50,50);

VS

ctx.drawImage(img,10,10);

Answer 1

drawImage实际上更快。

我使用50x50 PNG更新了测试用例：http://jsperf.com/canvas-draw-methods

在Firefox中，它只是稍快一点​​，但在Chrome中差异很大，drawImage速度提高了一个数量级。

（注意，由于我使用的PNG尺寸不合适，因此测试的先前版本非常偏斜。图像尺寸有很大差异。）