画像の写る範囲を指定
解決したいこと
javascriptと、phpを使ってプログラミングをしています。
こんな感じで、ユーザー側で画像の写る範囲を指定出来る機能をWebサイトで実装したいのですが、どうやったら出来るのか解説している所が探した限り、なかったです。
もし、知っている方がおりましたら、教えていただきたく、質問いたしました。
0
javascriptと、phpを使ってプログラミングをしています。
こんな感じで、ユーザー側で画像の写る範囲を指定出来る機能をWebサイトで実装したいのですが、どうやったら出来るのか解説している所が探した限り、なかったです。
もし、知っている方がおりましたら、教えていただきたく、質問いたしました。
写真一枚、円の透明画像一枚。絶対位置で積み重ねておきます。
透明画像にmouseイベントを設けます。
mousedown 移動開始。mousemove 移動位置を計算。mouseup 移動終了。
移動のx,yで、写真の座標top leftに加えて、新しい位置を計算します。