暂时在画布上叠加图片

Question

我正在使用html5进行演示，这就是我想要做的事情：

我已经有了一个充当绘图板的元素，一个人随机抽取它。

现在我想：

• 在画布顶部，暂时显示（叠加）一张小图片和一些短信几秒钟。然后消失。

• 叠加层不应阻止用户继续绘图。

• 叠加的图片应该清晰消失，不要覆盖下图。或阻止鼠标操作。

我该怎么做？

非常感谢您的帮助！

Answer 1

您可以通过读取鼠标坐标进行绘画，如果鼠标按钮按下，对吗？然后你要做的就是继续从鼠标中读取这些值。

如果你只是在canvas元素中监听鼠标事件，我可以看到如果在它上面放置任何元素会有问题。如果是这样，您将不得不切换到在完整文档（document.addEventListener('mousemove', ...)等）上侦听鼠标事件。