Canvas 哪一个最适合绘制网格？

哪一个是最好的：

使用kineticjs中的线对象或

要使用画布的moveto（）和lineto（）方法

---

在我的示例中，我使用了线对象，但我有大约250个对象。这会使浏览器的容量过载吗？从这个角度来看，另一种方法会更好吗？

这个网格只是一个装饰器，所以加载kineticsjs的场景图是没有用的

在你的位置上，我将评估这些可能性：

• 在每次kinteicsjs绘制之前，使用（beginPath、moveTo、lineTo、closePath）绘制线
• 在背景画布中绘制一次背景，您将在每个周期中绘制图像以“清除”画布
• 第二层画布，上面的一层在每个循环中被清除（clearRect），下面的一层上有网格

就性能而言，分层画布将是最快的（我假设网格在这里是静态的）

Rq：您非常希望有一个单独的drawGrid（context、columnCount、rowCount、一些其他参数）函数，可以在一个上下文上绘制网格，因此在这三个选项中的任何一个之间切换都应该很快。

从来没有最好的解决方案。只有最适合您的解决方案。