svgjs，如何在绘制元素后移动视图区域？答案

【问题标题】：svgjs, how to move the view area after drawing elements?svgjs，如何在绘制元素后移动视图区域？
【发布时间】：2019-02-15 04:08:31
【问题描述】：

我有

var draw = SVG().addTo('#draw');

作为我的主要绘图位置，在它们各自的位置填充了所有超出屏幕尺寸的 svg 元素。

现在我想拥有像谷歌地图那样的拖动功能（渲染的元素保持在它们的位置，但是当我们拖动它时，用户的视图会移动到不同的部分）。我可以处理鼠标事件等，但我究竟要转换/移动什么来实现这种类型的拖动？

我可以跟踪鼠标的移动并遍历所有存在的元素并移动它们。但我假设有一种聪明的方法可以做到这一点。理想情况下，我希望元素保持原样，但“绘制”变量会在我拖动时以某种方式在屏幕上显示其自身的不同部分。

我该怎么办？

【问题讨论】：

标签： svg.js

【解决方案1】：

这个效果是通过改变外部svg元素的viewbox属性来实现的。有一个可用于 svg.js 的插件可以做到这一点。你可以找到它here。你也可以通过运行 npm 来简单地安装它：

npm install @svgdotjs/svg.panzoom.js

【讨论】：