哪个会减少处理能力，快速绘制许多矢量图像？或重复绘制位图？

Question

您好我使用liquidfun.js来模拟粒子系统。 我正在使用html5画布绘制系统。 模拟变得远远低于谷歌工程师说他们得到的34k粒子。地雷成为大约4k的幻灯片。

目前我使用

绘制粒子

context.arc((particles[k] * mToPx) + offsetX, (particles[k+1] * mToPx) + offsetY, 9.5 , 0, 2*Math.PI );

表示系统中的每个粒子。

会像

context.drawImage(img,(particles[k] * mToPx) + offsetX, (particles[k+1] * mToPx));

效率更高？

除了添加粒子和寻找延迟之外，还有办法测量效率吗？