js获取对象参数，然后利用canvas在图上绘制大批量目标，使得页面卡顿严重、不流畅咋办？

Question

是这样的：

    问题描述：有一批目标，目标有横纵坐标等属性（横纵坐标随时间可能变化），使用canvas在画布上绘制目标（例如是个圆），是用循环一个个目画上去的，每隔2s刷新页面（就是重复之前步骤，在画布上重新绘点）。

    问题所在：目标在一千以下卡顿还不太明显，但是目标达到几万的时候，页面直接卡死，半分钟才动一下，有什么方法可以避免或改进，使得画面流畅。

    诚心请教，有什么建议尽管砸过来，不用客气。

Answer 1

将物体坐标作为绘制对象保存，每次从数组中拿值绘制，如果是会离开画布的运动物体，可以在每次绘制之前进行判断清除离开画布可视范围的绘制对象。也可以限制存在的个数，超出时清除以前的绘制对象。