php - HTML5 重绘和发布 HTML

Question

我在 HTML5 中有三个按钮，它们Add Circle调用其各自的 javascript 来绘制特定的形状。现在，如果用户更改其位置，如何获得新的更改位置？Add TextAdd Rectangle

Answer 1

如果您在画布上侦听“mouseDown”事件，则可以存储鼠标相对于画布原点的位置。然后在“mouseUp”上，再次获取它的坐标并将所选形状转换到新位置。

好的，这就是基本思想，要获得更详细的解释，您必须执行以下操作：

1. 获取鼠标坐标（相对于mouseDown画布）并获取鼠标偏移量（相对于所选形状原点的鼠标位置）
2. 在mouseMove获取新的鼠标位置（再次，相对于画布）并将所选形状转换到新位置时，您还需要应用先前计算的偏移量（您可以在此处使用重影效果）
3. 对mouseUp形状应用转换（这可能是可选的，取决于上一步是否实际转换形状）

祝你有美好的一天！