svg图放大、缩小、拖拽

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

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

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

评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值