svgpanzoom - 多个svg文件叠加

Question

我使用 JavaScript 库https://github.com/ariutta/svg-pan-zoom

是否可以添加多个 svg 文件覆盖？缩放功能应在所有图像上完成。目标是构建具有动态内容的地图。

非常感谢你的帮助

克里斯托夫

Answer 1

没有内置功能可以拥有多个叠加的 SVG。

实现这一目标的一种方法（可能是最简单的）是使用同步 SVG（演示）。您必须使用 CSS 覆盖您的 SVG。然后，当顶部 SVG 触发任何平移或缩放事件时，触发下方 SVG 上的事件。

另一种方法是创建一个包含所有 SVG 或 SVG 内容的复合 SVG。然后 svg-pan-zoom 只需一个 SVG（复合 SVG）就可以正常工作。