问题标签 [jquery.panzoom]

我正在尝试使用jQuery.panzoom.js。我所拥有的只是一个具有固定宽度的容器（可能小于其中的 svg）。问题是，如果 svg 大于容器的宽度，则您无法看到整个容器（即使您尝试“平移它”）。

的HTML：

CSS：

和 javascript（在这个插件的演示中提供）：

这是一个工作演示，重现了问题：http ://codepen.io/FakeHeal/pen/WreLyZ

有没有人能够让 panzoom 的持续时间起作用？ https://github.com/timmywil/jquery.panzoom

我进入源代码并将持续时间从 200 增加到 1200，当我调用缩放时没有看到变化。

更新

希望实现一个 jquery 插件，它允许您放大 svg 元素。 https://github.com/timmywil/jquery.panzoom

我遇到的问题是在用户单击元素时实现缩放功能，同时使用框架中可用的“持续时间”参数。

一个例子

一些 HTML

一些点击处理程序

这将放大，但不会使用提供的“持续时间”。

看起来只是调用 zoom 会放大，而使用 true 参数调用 zoom 会缩小。然而，它似乎并没有放大到我的 maxScale。

嗨，我正在使用 Jquery Panzoom 插件来放大和缩小我的图像，插件链接

我想自己设置它的默认缩放值

请告诉我如何更改我无法使用此插件 API 找到的默认缩放值？请帮忙 ？谢谢

插件链接

我想设置我需要的默认缩放

请告诉我如何更改我无法使用此插件 API 找到的默认缩放值？请帮忙 ？谢谢

这是我的 HTML

这是 panzoom 函数 JS：

我在初始化后立即调用 zoom() 或在选项中为 startTransform 设置一个值？我希望默认值为零，并且在加载图像时也应该缩小如何做到这一点？

有一个固定容器用作我的内容的视口。内容是<div>固定大小的元素。视口大小与窗口绑定，如果用户调整窗口大小，视口大小可能会发生变化。我正在使用 jQuery.panzoom 库来处理平移和缩放，以让用户查看他们想要的部分内容。现在我需要以下功能，但找不到它们：

• 内容不得小于在视口中完全可见的要求。这似乎是通过minScale选项完成的。我只需要连接调整大小事件来更新minscale值。
• 如果另一边有空白区域，则不得将内容拖到一边。这意味着，如果内容小到完全可见，则它必须是完全可见的。这必须居中，以便在缩小时内容始终位于同一位置。

它就像一个图片查看器，最初会缩放图像以使其适合并居中。用户可以放大，但不能比初始视图进一步缩小。只是我的内容不是图像，而是更复杂的 HTML 元素。

这是我到目前为止所做的：

内容最初被正确缩放，但在顶部和左侧的某个位置偏移。我不知道那个偏移量是从哪里来的。此外，还没有平移约束。注释掉的contain可能是相关的，但我不理解它的任何文档。

我需要在我的代码中修复什么以使其满足上述要求？我想这些是非常基本的，很多人会需要它们，但没有例子。

这就是我目前所拥有的：

https://jsfiddle.net/7yhjwLhf/6/

如果我将图像向下拖动，图像不会在容器顶部“停止”。我可以把它拉得更远。很难找到合适的词来形容它。

这是两个屏幕截图：

http://uploadpie.com/Smez8

http://uploadpie.com/J2EAg

对于任何帮助，我将非常感激！

我正在使用 jQuery 插件 Panzoom ( https://github.com/timmywil/jquery.panzoom )。当用户平移时，它会应用 CSS 矩阵变换。我只对此矩阵的 X 和 Y 值感兴趣，JS 文件分别将其指定为 matrix[4] 和 matrix[5]。这是相关的代码（我认为）：

我想使用这些值来显示/隐藏其他东西。例如，如果用户在 x 方向平移超过 400px，就会出现一个 div。

当我将以下内容放在正文末尾的脚本中时：

我不断收到错误“未定义矩阵”。如何引用 Panzoom 文件已经计算的这些值？

谢谢您的帮助。

加勒特

我正在使用 Panzoom ( https://github.com/timmywil/jquery.panzoom ) 来缩放和平移图像。当我尝试使用“焦点”参数放大到特定点时，第一步似乎不尊重这个值。

这是我初始化 panzoom 的方法：

如果我在点击事件上调用以下内容：

第一次将向中心缩放，下一次将实际缩放到 (10, 10)。

其他人有这个问题（https://github.com/timmywil/jquery.panzoom/issues/297）但他们还没有找到任何解决方案。

我正在使用 Panzoom 插件创建一个可以平移页面上所有内容的站点。此页面上是指向外部网站的链接。当我在桌面浏览器上运行它时，一切正常（即它平移，并且链接是可点击的）。但是当我在移动设备上时，就好像链接不存在一样。我不能点击它。我认为 Panzoom 中的相关代码是：

有没有办法禁用链接所在的平移功能？我只希望链接是可点击的，而不是触发平移事件。我认为正在发生的事情是，每当触摸事件在移动设备上开始时（即使它位于链接顶部），它都会触发平移。

谢谢，加勒特