我正在做一个特定的项目,需要在画布上同时移动数百个圆圈。所有这些圈子都有不同的属性(例如:大小,形状)。最重要的是,由于接收到实时数据,因此无法预先渲染它们。
现在,我正在循环一定数量并绘制它们。这是一个例子。
context.clearRect(0, 0, canvas.width, canvas.height);
for(int x =0; x != 2000; x++){
context.fillStyle = this.color;
context.beginPath();
context.arc(Math.round(/*some x*/), Math.round(/*some y*/), Math.round(/*new size here*/), 0, Math.PI*2, true);
context.fill();
}
优化明智我已经四舍五入了,尽管我想不出另一种优化方法。有任何想法吗?我感谢任何/所有的帮助。