重新绘制Html5画布

3

我有一个图表和一个网格,前者可以通过单击某些复选框来隐藏/显示。是否有人能提供一个元代码,展示最佳的执行该操作的方法?在我的“显示网格”设置更改时,我看不到比重新绘制整个画布更好的方法。

1个回答

3
您可以使用两个画布节点,一个用于图表,另一个用于在其上的网格。
然后您可以通过隐藏(style.display = "none")网格元素或显示它(style.display = "block")来控制网格的可见性。
画布像素包括透明度,因此它可以完全透明(实际上,创建画布时默认为透明),因此您可以通过网格看到图表。

谢谢,如果我有几个“动态”区域,为每个“动态”区域都专门设置一个画布是否过度呢?多少画布可以堆叠而不影响性能? - user572559
浏览器在管理数百个画布元素方面非常出色。请注意,对于浏览器图形引擎来说,画布和<img>节点之间实际上没有太大的区别,您通常会在网页中看到许多图像。此外,由于隐藏/显示不会成为动画,而只是对用户交互的反应,因此速度即使在像手机或平板电脑这样的性能较弱的设备上也不应该成为问题。 - 6502

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接