svg图放大、缩小、拖拽

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

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

至此,打开页面,就能实现svg的拖拽和平移了:
svg图放大、缩小、拖拽_第3张图片
做人嘛,最重要的就是开心啦!der
想要源码看过来
svg图放大、缩小、拖拽_第4张图片

你可能感兴趣的:(其他,jQuery)