Tetsu_Oikawa
@Tetsu_Oikawa (NOBA LISH)

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

画像の写る範囲を指定

解決したいこと

252D05FE-2F61-4EB9-9585-8D1C2E01A3B2.png

javascriptと、phpを使ってプログラミングをしています。
こんな感じで、ユーザー側で画像の写る範囲を指定出来る機能をWebサイトで実装したいのですが、どうやったら出来るのか解説している所が探した限り、なかったです。

もし、知っている方がおりましたら、教えていただきたく、質問いたしました。

0

1Answer

写真一枚、円の透明画像一枚。絶対位置で積み重ねておきます。
透明画像にmouseイベントを設けます。
mousedown 移動開始。mousemove 移動位置を計算。mouseup 移動終了。
移動のx,yで、写真の座標top leftに加えて、新しい位置を計算します。

0Like

Your answer might help someone💌