Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在画布中实现多层的机制是什么?_Javascript_Html_Canvas - Fatal编程技术网

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

Javascript 在画布中实现多层的机制是什么?,javascript,html,canvas,Javascript,Html,Canvas,我试图弄清楚如何在HTML5画布中实现多层效果。我创建了一个项目来实现html5图表。我使用两个画布来实现工具提示效果。如何在一个画布上实现这一点?实施机制是什么?谢谢在任何项目中使用html画布的一般机制是保存有关单个图形的足够信息,以便可以根据需要重新绘制。这些信息通常存储在javascript对象中 当需要在画布上进行更改时,例如,显示工具提示: 清理画布 在当前所需位置重新绘制图形 因此,要使用1画布实现工具提示: 当需要工具提示时,必须在图表上绘制工具提示 然后,当不再需要工具提示时,

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

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

当需要在画布上进行更改时,例如,显示工具提示:

清理画布

在当前所需位置重新绘制图形

因此,要使用1画布实现工具提示:

当需要工具提示时,必须在图表上绘制工具提示

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


所以,它就像动画帧一样。我想知道如何实施它?是否有任何代码示例?是的,画布可以类似于动画帧:绘制、清除、重画下一个、清除、重画下一个,等等。您自己的设计决定了工具提示的外观,只需在需要时在图表顶部绘制工具提示即可。