とポストHTML

Question

I持ってHTML5での三つのボタン、Add Circle、Add Textとそれぞれのjavascriptを描画するために呼び出すAdd Rectangleその特定のユーザがその位置を変更した場合shape.Nowは、どのように新しいが、位置を変更することを得ることができます？

Answer 1

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

[OK]を、それは、より詳細な説明のために、あなたはこのような何かをしなければならない、基本的なアイデアだった：mouseDown上

1. は（キャンバスに対して）マウス座標を取得し、マウスは、オフセットを取得します（選択した図形の原点を基準にしたマウスの位置）
2. on mouseMove新しいキャンバスに対するマウスの位置を取得し、選択した図形を新しい位置に変換し、以前に計算したオフセットを適用する必要がありますここではghosting effectを使用できます）
3. on mouseUp形状への変形を適用します（これはオプションです）。

素晴らしい一日を過ごしましょう！