2016-07-14 14 views
-1

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

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

+0

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

+0

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

答えて

0

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

+0

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

+0

私がズームするのに使用したプラグインは、ここにあります: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; –

関連する問題