哪个更快(复杂的图纸)。fillRect 或重新打印 png 图像 drawImage。重印 10000 个对象时。
ctx.fillStyle="#FF0000";//RED COLOR
ctx.fillRect(0,0,50,50);
VS
ctx.drawImage(img,10,10);
哪个更快(复杂的图纸)。fillRect 或重新打印 png 图像 drawImage。重印 10000 个对象时。
ctx.fillStyle="#FF0000";//RED COLOR
ctx.fillRect(0,0,50,50);
VS
ctx.drawImage(img,10,10);
drawImage
实际上更快。
我已经用 50x50 PNG 更新了测试用例:http: //jsperf.com/canvas-draw-methods
在 Firefox 中它只是稍微快一点,但在 Chrome 中差别很大,drawImage
速度快了一个数量级。
(请注意,由于我使用的 PNG 尺寸不正确,因此之前的测试版本严重偏斜。图像尺寸有很大的不同。)