性能 – Canvas arc()vs drawImage()

这可能看起来无害,但是当以每秒30帧的速度进行1000次时,它确实会增加.我绘制了3种尺寸的圆圈,每种圆圈都有自己的填充颜色(RGBA).我将它们作为图像绘制一次是否更快,并将draw Image()与数据URL一起使用,或者为每个图像执行arc()？

额外的信息：

>对所有圆圈使用单个画布
>缓存上下文和画布
>此刻完全呼吁弧线看起来像

this.scene.context.arc(newLocation,this.y = this.speed / 80,this.distance / 2,0,Math.PI * 2,false);

根据 my tests,drawImage()在大多数情况下比使用arc()要快得多.

drawImage()函数可以采用< img>或< canvas> element作为参数,在Firefox中使用< img>标签更快,但其他浏览器显示相反.

它归结为：即使是简单的形状,使用drawImage()