在画布上绘制数百个圆圈(优化)

时间:2016-02-09 00:55:45

标签: javascript html5 canvas

我正在做一个特定的项目,需要在画布上同时移动数百个圆圈。所有这些圈子都有不同的属性(例如:大小,形状)。最重要的是,由于接收到实时数据,因此无法预先渲染它们。

现在,我正在循环一定数量并绘制它们。这是一个例子。

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

优化明智我已经四舍五入了,尽管我想不出另一种优化方法。有任何想法吗?我感谢任何/所有的帮助。

0 个答案:

没有答案