This is a demo using the svg-zoom-drag-vue-directives library.

control the zoom in and out of an SVG image using the mouse wheel.

drag the SVG image by holding down the mouse and moving the cursor.

这是一个使用 svg-zoom-drag-vue-directives 库的演示。

使用鼠标滚轮控制 SVG 图像的缩放。

通过按住鼠标并移动光标来拖动 SVG 图像。

demo github pages

https://zqy233.github.io/svg-zoom-drag-vue-demo/#/

svg-zoom-drag-vue-directives library

https://github.com/zqy233/svg-zoom-drag-vue-directives

https://www.npmjs.com/package/svg-zoom-drag-vue-directives?activeTab=readme