php - HTML5 の再描画と HTML の投稿

Question

HTML5 には 3 つのボタンがありAdd Circle、それぞれの JavaScript を呼び出して特定の形状を描画します。ユーザーが位置を変更した場合、変更された新しい位置を取得するにはどうすればよいですか ???Add TextAdd Rectangle

Answer 1

キャンバスで「mouseDown」イベントをリッスンすると、キャンバスの原点に対するマウスの位置を保存できます。次に、「mouseUp」で座標を再度取得し、選択した形状を新しい位置に変換します。

わかりました、それが基本的な考え方でした。より詳細な説明については、次のようにする必要があります。

1. onmouseDownマウス座標 (キャンバスを基準) を取得し、マウス オフセット (選択した形状の原点を基準としたマウス位置) を取得します。
2. 新しいマウスの位置をmouseMove取得し (再び、キャンバスを基準にして)、選択した形状を新しい位置に変換します。また、以前に計算されたオフセットを適用する必要があります (ここでゴースト効果を使用できます) 。
3. on mouseUpapply transform to shape (前のステップが実際に形状を変換するかどうかに応じて、これはオプションである可能性があります)

すてきな一日を！