html - 在画布中绘制的对象可以响应鼠标事件吗？

Question

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

Answer 1

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

Answer 2

不。

任何在 html 画布上绘制的东西都会变成不记得的像素。

你需要做的是“记住”你画的所有东西：形状、位置、颜色。

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

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

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