画布中绘制的对象是否可以响应鼠标事件？

Question

我可以在画布上绘制对象来响应鼠标事件吗？例如，在鼠标悬停时更改颜色或显示工具？我可以通过使用其他类型的输入（范围，无线电...）来调整某些值，但不能对画布中绘制的对象进行直接鼠标操作。

Answer 1

您可以在画布上侦听鼠标事件。剩下的由你决定。如果保留画布上绘制的对象列表，则可以扫描列表，查找鼠标下的对象。

Answer 2

没有

在html画布上绘制的任何内容都会变成未记忆的像素。

你需要做的是“记住”你所绘制的所有事物的一切：形状，位置，颜色。

然后您可以响应鼠标事件并将鼠标位置与记忆图纸的边界框进行比较。

如果要更改任何绘图（重新着色，重新定位等），则必须重绘该绘图。

大多数情况下，当您重绘任何一件事时，您将擦除整个画布并重新绘制画布上的所有项目。