问题标签 [svgpanzoom]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
460 浏览

svgpanzoom - 仅从缩放或仅从平移功能中排除 SVG 元素

我想知道是否可以仅从缩放(缩放)功能中排除 SVG 元素(如圆圈)并保留他的平移。例如:在地图中,我用红色实心圆圈指向我当前的位置。当用户缩放时,我希望这个圆有一个恒定的半径。当用户平移时 - 我希望圆圈与所有其他视口内容一起平移。我找到了这个解决方案:

缩放独立元素

但似乎我无法弄清楚如何正确使用 svg-pan-zoom 库。

我也想知道类似的任务 - 是否可以拖放一些元素?仅意味着要从平移功能中排除的元素?我尝试了一些方法,比如 jQuery draggable,但没有运气。

谢谢

0 投票
1 回答
3945 浏览

angular - 如何在 Angular4 中使用 svg-pan-zoom 库?

上面的代码不适用于 Angular ??

0 投票
1 回答
621 浏览

svgpanzoom - 我可以用 svg-pan-zoom 限制移动吗?

我正在使用 svgpanzoom,但移动是无限的。有没有办法限制这个?我不想限制缩放,我想限制 svg 的移动。

例子:

在此处输入图像描述

经过太多的移动。

在此处输入图像描述

0 投票
1 回答
160 浏览

svgpanzoom - 如何为 svgpanzoom 库设置正确的 zoomScaleSensitivity?

我在我的项目中使用 svgpanzoom 库(github 存储库上的链接)。我正在设置一些初始值:

之后,我尝试计算并设置 zoomScaleSensitivity 的新值:

不幸的是,在这种情况下,我有 6 或 7 个缩放步骤(取决于屏幕分辨率)。我的问题是如何为 zoomScaleSensitivity 设置正确的值并且始终只有 5 (numberOfSteps) 个缩放步骤?

0 投票
1 回答
454 浏览

javascript - 如何在 svg-pan-zoom 中显示滚动条?

我想知道如何在使用 svg-pan-zoom 进行缩放时启用滚动条。

我试过overflow: auto外部 div 或 svg 标签,但没有运气。

希望我能在这里得到一些帮助。

0 投票
1 回答
1093 浏览

javascript - 在地图 svg 中自动放大

我有一张 SVG 格式的地图。我想集成缩放和缩小功能。我使用了库 svg-pan-zoom,它对我很有帮助,但我没有找到允许我自动放大特定区域的功能。该地图包含欧洲的所有部门,我希望当我选择某些标准时自动缩放特定区域。如果您不知道另一个满足需求的库,svg-pan-zoom 是否允许我这样做?

0 投票
1 回答
90 浏览

r - 如何使用 R Packages:svgPanZoom 显示散点图?

我使用 ggplot2 绘制图片并希望使用 svgPanZoom 包在 shinyApp 中显示它。但是这些sactters消失了。有人知道为什么吗?您可以运行以下代码以获取详细信息:

0 投票
3 回答
292 浏览

jquery - 大尺寸的 svg 无法正常工作 如何在 react-pan-zoon-svg 中设置大 svg?

在这里我使用 react-pan-zoom-svg 并尝试在可缩放区域中加载大型 SVG

我遇到了一些问题

1)当svg加载它不是从svg的中心点加载时

2)当我移动SVG它的矩阵值时,我取负数

3)适合屏幕不工作

共享的 jspaddel 无法正常工作,但我无法解决它,但我的所有代码都在那里

请帮忙

先感谢您

0 投票
2 回答
202 浏览

r - ShinyApp中的R svgPanZoom在Web和Rstudio中显示不同

我使用带有包 svgPanZoom、svglite、ggplot2 和闪亮的 R 绘制图片。但是,它可以在 Rstudio 上正确显示,但不能在 Web 上显示。有什么办法可以解决吗?请运行以下代码以获取详细信息。

R工作室: 在此处输入图像描述

网站: 在此处输入图像描述

0 投票
1 回答
361 浏览

svgpanzoom - 启动新的负载 SVG 平移缩放中心

要使用 SvgPanZoom 更改 SVG 的位置,必须使用

但这会导致 SvgPanZoom 最初将 SVG 从中心移动到新位置,因为默认情况下它将首先将 SVG 放置在视口的中间。

有没有办法在 SvgPanZoom 放置 SVG 之前强制 SVG 加载的不同中心点?

最好的,赫希弗克尔