畫布純繪製vs 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實際上要快。

我曾與一個50×50 PNG更新測試用例：http://jsperf.com/canvas-draw-methods

在Firefox中，這只是稍快，但在Chrome的差別是巨大的，與drawImage由一個數量級快。

（注測試的一個版本是，因爲我用的是PNG是不是正確的大小似地傾斜。圖像尺寸，使一個很大的區別。）