哪一个最好画一个网格？

Question

哪一个是最好的：

1. 使用kineticjs中的Line对象或
2. 使用canvas的moveto（）和lineto（）方法？

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

Answer 1

这个网格只是一个装饰器，因此用它加载kineticsjs的场景图是没有用的。

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

• 在每个kinteicsjs绘制之前用（beginPath，moveTo，lineTo，closePath）绘制线条。
• 在背景画布中绘制一次背景，您将在每个循环中使用drawImage'清除'画布。
• 第二层画布，每个周期清除一个画面（clearRect），下面有一个画面。

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

Rq：您对拥有一个单独的drawGrid（context，columnCount，rowCount，一些其他参数）函数非常感兴趣，它将在上下文中绘制网格，因此在3中的任何一个之间切换选项应该很快。