【发布时间】：2011-12-10 06:13:03
【问题描述】：
我正在用 html5 做一个演示，这就是我想做的：
我已经有一个元素作为画板，一个人在上面随意画。
现在我想：
在画布顶部，暂时显示（叠加）一张小图片和一些文本消息几秒钟。然后淡出。
覆盖不应阻止用户继续绘图。
覆盖的图片应该清楚地消失，而不是覆盖下面的绘图。或阻止鼠标操作。
我该怎么做？
非常感谢您的帮助！
【问题讨论】：
标签： javascript html html5-canvas
【发布时间】：2011-12-10 06:13:03
【问题描述】：
您通过读取鼠标坐标以及如果按下鼠标按钮来进行绘画，对吗？那么你所要做的就是继续从鼠标中读取这些值。
如果你只是在 canvas 元素内监听鼠标事件，我可以看到如果你在它上面放置任何元素将会有问题。如果是这样，您将不得不切换到侦听整个文档上的鼠标事件（document.addEventListener('mousemove', ...) 等）。
【讨论】：
-
是否可以让画布相互重叠，然后让顶层透明，并将鼠标操作传递给下层？
-
是的，您可以将 canvas 元素视为任意 html 元素。即您可以更改其 css 样式属性，例如
top、left、opacity、z-index等。传递鼠标操作；您可以在全局范围内（在文档级别）监听它们，然后调用可以影响正确画布的适当函数。