スクロールズーム画像のカーソル位置を取得

-1

JPG画像のクリックでx、y座標を取得しようとしています。画像をクリックするだけで座標を取得できますが、画像上でスクロールズームがあり、ズームすると画像がドラッグ可能になります。ですから、ズーム後に画像をドラッグしてクリックすると、座標は完全に異なります。ページ内ではなく、イメージ内のクリックの正確なx、y座標が必要です。スクロールズーム画像のカーソル位置を取得

誰でもこの方法を教えてもらえますか？これはjavascript、jqueryにあります私はhttp://www.jacklmoore.com/wheelzoom/を使ってjpgをズームしています。

出典

2016-07-14 Tomas Laenen

（[スニペット]（HTTPSであなたのコードをコンパイル考える私たちは、より効率的にあなたを助けることができるように（http://stackoverflow.com/help/mcve）[、最小完全、かつ検証例]を作成してください：/ /blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/）または[jsfiddle]（https://jsfiddle.net）） – RDardelet

私はそれが動作して取得することはできませんあなたはhttp://www.laenen-it.be/testを見てみることができます。フランスのパリのxy座標を求めたいとしましょう。これはズームアウト時に機能しますが、スクロールズームを使用して画像をドラッグすると、パリの座標が異なります。 –

私は解決策を見つけました。代わりに別のズームプラグイン（外側のズーム）を使用しました。これで元のjpgをドラッグする必要はなく、座標は常に正しいです。

出典

2016-07-15 11:34:08

ライブラリの名前、ライブラリのダウンロード/読み込みのリンクなど、いくつかの詳細を追加してください。ありがとう！ – gofr1

私がズームするのに使用したプラグインは、ここにあります：http://www.jqueryrain.com/2015/02/magnificent-js-jquery-responsive-zoom-image-plugin/ 座標を取得するには var x = event.pageX - this.offsetLeft; var y = event.pageY - this.offsetTop; –

スクロールズーム画像のカーソル位置を取得

答えて

関連する問題