画布中多层实现的机制是什么？

Question

我试图弄清楚如何在HTML5画布中实现多层效应。我创建了一个项目xboxp.com来实现一个html5图表。我使用两个画布来实现工具提示效果。如何在一个画布上实现这一点？执行机制是什么？谢谢

Answer 1

在任何项目中使用html画布的一般机制是保存关于单个绘图的足够信息，以便根据需要重新绘制它们。此信息通常存储在javascript对象中。

当希望在画布上进行更改时(例如，显示工具提示)：

• 把帆布清理干净。
• 将图纸重新绘制到他们目前想要的位置。

因此，要使用1画布实现您的工具提示：

• 当您需要工具提示时，您必须在图表上绘制工具提示。
• 然后，当不再需要工具提示时，您必须清除画布，在没有工具提示的情况下重新绘制图表。