javascript - 哪个会占用更少的处理能力，快速绘制许多矢量图像？还是反复绘制位图？

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));

更有效率？

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