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

Question

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

Answer 1

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

当画布上需要更改时（例如，显示工具提示）：

• 清除画布。

• 将图纸重新绘制到当前所需的位置。

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

• 当您需要工具提示时，您必须在图表上绘制工具提示。

• 然后，当不再需要工具提示时，您必须清除画布并重绘图表而不使用工具提示。