svg图放大、缩小、拖拽

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

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

至此,打开页面,就能实现svg的拖拽和平移了:
在这里插入图片描述
做人嘛,最重要的就是开心啦!der

在这里插入图片描述

发布了38 篇原创文章 · 获赞 28 · 访问量 1022

猜你喜欢

转载自blog.csdn.net/huanhuan03/article/details/103709320
今日推荐