重新绘制Html5画布

我有一个图表和一个网格，前者可以通过点击一些复选框来隐藏/显示。有人能想出一个元代码，演示最有效的方法来实现这一点吗？每次更改“显示网格”设置时，除了重新绘制整个画布外，我看不到任何更好的东西。

您可以使用两个画布节点；一个用于图表，另一个用于顶部的网格

然后您可以隐藏（

style.display=“none”

）网格元素或显示它（

style.display=“block”

）

---

画布像素包括alpha，因此它可以完全透明（这实际上是创建画布时的默认设置），因此您可以通过网格查看图表。

谢谢，更复杂的场景是什么？如果我有几个“动态”区域，为每个“动态”未来使用专用画布会不会太过分？在不影响性能的情况下，可以堆叠多少画布？浏览器非常擅长管理数百个画布元素。请注意，对于浏览器图形引擎来说，画布和

节点之间实际上没有太大区别，您通常会在网页中看到许多图像。此外，由于隐藏/显示不会成为动画，而只是对用户交互的反应，因此即使在手机或平板电脑等功能较弱的设备上，速度也不应成为问题。