Html 如何在不损失性能的情况下添加大量圆圈？

当我使用createljs构建模拟器时，我需要有数千个小圆圈（直径3像素）。 我可以在形状图上画一个圆，这是推荐的方法吗？或者我应该使用位图吗

关于性能方面的最佳方式有什么想法

---

此外，是否可以将文本反别名设置为打开或关闭？

您可以查看下面的文章以了解如何优化画布

在本文中，我们展示了不同的画布渲染技术

关于easeljs adobe为从AS3过渡到HTML5的开发人员提供了指南：

---

本文展示了如何从以前的对象定义创建一个新的形状实例。

< P>如果您正在寻找性能，考虑使用“代码>形状”缓存缓存形状。Cache（x，y，w，h），这在大多数浏览器中提供了一些好处。查看EaselJS Git repo中的缓存演示。请注意，在该示例中，Safari 6具有相反的效果（缓存速度较慢），因为Safari已经对图形进行了出色的优化，并且在GPU上处理很多小对象的能力很差

---

如果形状随时间变化很大，那么缓存可能不是一个好的选择。

谢谢，但由于我使用的是EaselJS框架，我需要通过EaselJS获得建议，因为我不是直接玩canvas，我是迁移动作脚本3的开发人员。我在这里发现了一个很好的例子@simo post是EaselJS附带的旧版本。最新消息可以在CreateJS网站上看到：画完后圆圈是静态的吗？谢谢，但是我怎么知道我的应用程序是否在Safari 6上运行，这样我就可以避免缓存了？我不会说你应该“避免缓存”。。这是一个非常特殊的边缘情况，大量的小位图和向量的良好性能会产生相反的效果，但在缓存时通常会获得净收益（只要您做得巧妙）。您可以随时检查用户代理以检查Safari。