问题标签 [jquery.panzoom]

我想做类似谷歌地图的事情，当有人在谷歌地图内拖动坐标时，无论用户放大还是缩小用户拖动的坐标都将保持在同一位置，当我尝试这样做时，我拖动我的坐标，然后缩放或平移图像，坐标不会移动到它应该在的位置。

是否有任何 jquery 或 javascript 可以实现？

jsFiddle

提前感谢您的任何建议~~

I'm using a jquery plugin that allows zooming and pan functionality, however I want this to be done only at some event( say when checkbox is clicked) because after having it by all the time, the default functionalities are getting affected which are through another plugin.

Thanks in advance.

我试图在大背景图像中放置一个小图标/标记，我希望背景图像可以在缩放时平移并且具有多个缩放级别。

到目前为止，我尝试的是这样，我的默认分割大小是 1363 x 900，它显示在开发工具中。默认我的marker是放在屏幕边缘的，默认图片没有缩放这里是截图 默认的div大小，点击panzoom的缩放功能后，我看到我的图片变大了，但我尝试将标记平移到图像的边缘，它卡在我的背景图像的同一 x ， y 轴上，缩放图像后，我发现在我的开发工具中，div的大小仍然相同，缩放 div 后大小，单击缩放后如何更改我的 div 大小？是panzoom引起的问题吗？

panzoom 来自 github，https://github.com/timmywil/panzoom，我正在使用这个库。

这是我如何进行全景缩放和遏制的代码，

这是jQuery代码：

我做错代码了吗？或者我还需要一个指定的 jquery 来添加 div 的大小？？提前谢谢，如果我没有提供任何足够的信息，请告诉我。欣赏！！~

我已将 jQuery Panzoom 添加到我的项目中。我正在全屏显示图像，我想让用户能够在 iOS 设备上放大该图片。平移有效，但缩放无效，我不知道为什么。启用设备模拟后，它在 Chrome 调试监视器中也不起作用。

即使有演示，捏缩放似乎也不起作用。插件坏了，还是我傻？

https://github.com/timmywil/panzoom

我正在创建动态包含图像的 div。

你知道如何解决这个问题吗？

有没有人使用带有 jquery 可拖动快照功能的 panzoom ？我需要缩放父 div (#canvas) 并允许子元素 (.draggable) 被拖动并相互对齐。除了缩放时，所有这些都非常有效。如果缩放/缩放，捕捉元素的位置将偏离几个像素。

我尝试了 css zoom、css transform(scale) ，但都导致了问题。我最初有一个常见的光标定位问题，其他人似乎有规模但能够解决这个问题。如果有人遇到此问题或有想法，我将感谢您的帮助....或者总是欢迎使用完全不同的方法。

这是一个 Codepen 示例，如果您拖动绿色瓷砖，则会显示问题：https ://codepen.io/5kyt3k/pen/Poomad