重新绘制Html5画布

Question

我有一个图表和一个网格，可以通过单击某个复选框隐藏/显示前者。任何人都可以想出一个元代码，展示出最有效的方法吗？除了在每次“显示网格”设置发生变化时重新绘制整个画布外，我看不到更好的东西。

Answer 1

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

然后你可以隐藏（style.display = "none"）网格元素或显示它（style.display = "block"）。

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