svg图放大、缩小、拖拽

时间:2024-04-13 07:25:40

在页面里使用svg,并且能缩放平移

1,你要有一个svg文件,画图工具我用的是inkscape-0.92.4-x64\inkscape\inkscape.exe,操作和CAD相似,都是傻瓜式操作,自己捯饬几遍就会了
svg图放大、缩小、拖拽
2,画好了之后,在开发工具打开这个svg文件,将你的svg文件代码放在你的页面需要放的位置
3,然后下载三个依赖的js文件,jQ、平移、缩放。
svg图放大、缩小、拖拽
4,将这三个文件依次引入页面,然后在页面内初始化拖拽和缩放:
svg图放大、缩小、拖拽

至此,打开页面,就能实现svg的拖拽和平移了:
svg图放大、缩小、拖拽
做人嘛,最重要的就是开心啦!der

svg图放大、缩小、拖拽