Php HTML5重画和发布HTML

Php HTML5重画和发布HTML,php,javascript,html,Php,Javascript,Html,HTML5中有三个按钮,Add Circle,Add Text和Add Rectangle,它们调用各自的javascript来绘制特定的形状。现在,如果用户改变位置,如何获得新的、改变的位置???如果你在画布上收听“mouseDown”事件,可以存储鼠标相对于画布原点的位置。然后在“mouseUp”上,再次获取其坐标,并将选定的形状转换到新位置 好的,这是基本的想法,为了更详细的解释,你必须这样做: 在mouseDown上获取鼠标坐标(相对于画布)并获取鼠标偏移(相对于选定形状原点的鼠标位置)

HTML5中有三个按钮,
Add Circle
Add Text
Add Rectangle
,它们调用各自的javascript来绘制特定的形状。现在,如果用户改变位置,如何获得新的、改变的位置???

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

好的,这是基本的想法,为了更详细的解释,你必须这样做:

  • mouseDown
    上获取鼠标坐标(相对于画布)并获取鼠标偏移(相对于选定形状原点的鼠标位置)
  • mouseMove
    上获取新的鼠标位置(同样,相对于画布),并将选定的形状转换到新位置,还需要应用先前计算的偏移量(可以在此处使用)
  • mouseUp上
    对形状应用变换(这可能是可选的,取决于上一步是否实际转换形状)

  • 祝你今天愉快

    我想你是在解释在画布上变换/调整对象大小的方法,但我只想得到形状的x,y位置。。