获取滚动缩放图像上的光标位置

-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; –

获取滚动缩放图像上的光标位置

回答

相关问题