知りたいこと、やりたいこと
Macのプレビューのような、図形を画像上においた後、再度サイズを変えたり場所を変えたりできるようにする機能を作りたい。
↓
これらを実装する際に、どのように図形の場所やクリックされた位置などを保持しているかを知りたい。
やってみたこと
x軸
、y軸
、深さ(z-index)
、幅
、高さ
を変数にもたせておく- Window上のクリックイベントを検知した際、存在する図形オブジェクトをループで見ていく
- クリックした座標にオブジェクトがあれば編集可能にする
といったことをやってみましたが、以下の問題が発生しました。
- 画面やベースの画像を拡大縮小したときにうまく座標が取れない(クリックの位置がずれる)
- 背景が透明な四角形などのクリック位置の設定がうまくできない(枠線付近でないとクリックを反応させない、というのができない)
こういったものはどのように実装されているのでしょうか?
ご存じの方、ご教示いただけますと幸いです。
よろしくお願いいたします。