獲取滾動縮放圖像上的光標位置

-1

我試圖在JPG圖像中獲取點擊的x，y座標。只需單擊圖像即可獲取座標，但在圖像上有滾動縮放，縮放時圖像可拖動。所以當我在縮放後拖動圖像並單擊以獲取座標時，它完全不同。我需要圖像內點擊的確切x，y座標，而不是頁面上。獲取滾動縮放圖像上的光標位置

誰能告訴我如何做到這一點？它可以在JavaScript中，jquery 我使用http://www.jacklmoore.com/wheelzoom/放大jpg。

來源

2016-07-14 Tomas Laenen

請創建一個[Minimal，Complete，and Verifiable example]（http://stackoverflow.com/help/mcve）讓我們更有效地幫助你（考慮編譯你的代碼在[snippet]（https：/ /blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/）或[jsfiddle]（https://jsfiddle.net）） – RDardelet

我無法啓動它在jfiddle上，但你可以看看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; –

獲取滾動縮放圖像上的光標位置

回答

相關問題