无法使用panzoom放大SVG中的缩放坐标中的某个点

Question

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

我有一个内部带有元素“g”的svg。该元素的viewBox =“2727 -2840 1630 1115”

我想放大特定点（位于视图框内）

{{1}}

然而它不起作用。 svg显然被移到了视图框之外。看起来panzoom作为初始x，y = 0,0且其视图框为0 0 900 787

Answer 1

zoomAtPoint正在放大渲染的SVG点。例如，如果原始SVG视口为1000 x 1000，但页面上的SVG元素大小为400 x 400（并且启用了fit选项），则：

• 缩放到{x: 200, y: 200}将缩放到中心
• 缩放到{x: 500, y: 500}将缩放到SVG之外（因为它目前只有400 x 400）

这样做是为了轻松处理鼠标缩放。如果您需要放大特定点，请查看https://stackoverflow.com/a/33682381/1194327和https://github.com/ariutta/svg-pan-zoom/issues/183