HTML5重绘和发布HTML

Question

我在HTML5中有三个按钮，Add Circle，Add Text和Add Rectangle调用其各自的javascript来绘制该特定形状。现在，如果用户更改其位置，怎么能得到该按钮新的，改变了位置???

Answer 1

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

好的，这是基本的想法，对于更详细的解释，你必须做这样的事情：

1. on mouseDown获取鼠标坐标（相对于画布）并获得鼠标偏移（相对于所选形状原点的鼠标位置）
2. on mouseMove获取新的鼠标位置（再次，相对于画布）并将所选形状转换为新位置，您还需要应用先前计算的偏移量（您可以使用ghosting effect这里）
3. on mouseUp将变换应用于形状（这可能是可选的，具体取决于前一步骤是否实际转换了形状）

祝你有美好的一天！