下载 >  开发技术 >  Javascript > [免费]svg滚轮缩放拖拽

[免费]svg滚轮缩放拖拽 评分:

自己写的关于js操控SVG的整体缩放,实现了鼠标滚轮的整体缩放,可以实现svg的单个图形或者任意多个图形的拖拽,缩放!辛苦了两天终于弄完了,希望对你有帮助!
2017-09-06 上传大小:154KB
分享
收藏 (3) 举报

评论 共2条

andian2016 假设一种情况:现在我有一个很大的svg文件,里面100多个g标签,那么就需要手动为每一个g标签添加id,按这样做的话必须在indexText.js文件中配置好对应的每一个g标签id,过一段时间如果我又要换一个svg文件岂不是又要重新配置,工作量好大哦,有没有更灵活的办法例如只需要往indexText.js文件添加svg文件的路径即可完成配置?我也刚刚接触这方面知识,期待和您交流哦
2018-05-02
回复
smileqxj 可以很好用
2017-09-27
回复
必须的,为大家分享
SVG 拖动以及缩放
基于点击和滑轮事件的任意缩放和平移HTML中SVG解决方案
SVG缩放拖拽DEMO

自己写了个svg缩放拖拽demo,放上来和大家分享一下。希望对大家有帮助

立即下载
html js控制svg图片的缩放拖动可运行精品实例

html 利用js 控制svg矢量图 ,实现无极缩放(放大缩小不失真) 自己组织的简单可学习实例 ,"暴雪出品,必属精品"

立即下载
svg移动+缩放+拖动添加+事件

svg鼠标滚轮缩放,鼠标拖动svg。拖动div添加svg元素,并添加元素的左右键单击事件

立即下载
实现SVG图片放大缩小(zoom)与拖动(pan)的方法
实现SVG图片放大缩小及拖动功能

实现SVG图片的Pan and Zoom 功能

立即下载
SVG实现拖动案例
滚轮实现多个svg的放大缩小

滚轮实现多个svg的放大缩小,根据鼠标位置来判断对哪个svg进行操作

立即下载
svg.draggable.js-实现svg拖拽的js插件
SVG 的平移、旋转和缩放
新手关于JS操作SVG的问题,如何以鼠标为中心缩放SVG?
Svg滚轮缩放实现

网上找了好久Svg 的滚轮缩放,没有找到,自己就实现了一个

立即下载
svg之viewBox缩放
对这个svg手势操作(放大,缩小)
iview 实现svg图片的放大缩小
svg平移、放大、缩小及js操作svg
如何禁止svg图的放大缩小功能
svg 如何设置缩放中心
SVG下,如何提取控制点,实现SVG的旋转和缩放

热点文章

img

spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip

资源所需积分/C币 当前拥有积分 当前拥有C币
5 0 0
点击完成任务获取下载码
输入下载码
为了良好体验,不建议使用迅雷下载
img

[免费]svg滚轮缩放拖拽

会员到期时间: 剩余下载个数: 剩余C币: 剩余积分:0
为了良好体验,不建议使用迅雷下载
VIP下载
您今日下载次数已达上限(为了良好下载体验及使用,每位用户24小时之内最多可下载20个资源)

积分不足!

资源所需积分/C币 当前拥有积分
您可以选择
开通VIP
4000万
程序员的必选
600万
绿色安全资源
现在开通
立省522元
或者
购买C币兑换积分 C币抽奖
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 4 45
为了良好体验,不建议使用迅雷下载
确认下载
img

资源所需积分/C币 当前拥有积分 当前拥有C币
10 0 0
为了良好体验,不建议使用迅雷下载
VIP和C币套餐优惠
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 4 45
您的积分不足,将扣除 10 C币
为了良好体验,不建议使用迅雷下载
确认下载
下载
您还未下载过该资源
无法举报自己的资源

兑换成功

你当前的下载分为234开始下载资源
你还不是VIP会员
开通VIP会员权限,免积分下载
立即开通

你下载资源过于频繁,请输入验证码

您因违反CSDN下载频道规则而被锁定帐户,如有疑问,请联络:webmaster@csdn.net!

举报

  • 举报人:
  • 被举报人:
  • *类型:
    • *投诉人姓名:
    • *投诉人联系方式:
    • *版权证明:
  • *详细原因: