SVG 拖动以及缩放
2018-01-26 15:01
232 查看
有时候,方法不是没有,而是你找不到
这是找了一上午资源的心路历程首先我是需要一个SVG图的缩放和平移,svg图是自己做的,然后里面有自己做的动画以及其他时间,但是前几天客户说要改需求,说需要这个图实现SVG的拖动和缩放,
MD,我只是一个后端啊,好吧,后端和前端已经感觉没有区别了。
之前做SVG动画的时候,学习了一下svg的一些动画特效,国内的一个博客写的很好
超级强大的SVG SMIL animation动画详解
十分佩服博主
然后转到SVG的平移,看到了这样一个文章
如何使用 SVG 进行缩放和平移
这个能做到缩放和平移,但是平移是用方向键来进行平移,但是肯定客户体验不行,所有放弃
(PS,在谷歌上搜索的时候,也发现完全一样的文章,好像是搬运的,另外也想过自己写SVG拖拽,但是总是感觉不尽人意)
然后又看到了D3..JS 这个很强大的图形化软件,找到类似的方法
d3.js导入SVG
d3.js 缩放
但是。。。。之前完全没有研究过d3这个js啊。。。。
然后我又看到了这个
两者合并,当当
唔,(°Д°),我菜啊,
然后我又看到了这个js
实现SVG图片放大缩小
看起来行,但实际不行
然后我顺藤摸瓜看到了SVGpan.js
想看看有没有类型的教程
但是我找到了另外的一个
jquery.panzoom.js,然后里面的最后一个例子完美的实现了我的需求
md,自己真蠢
给你们一只大脑腐!话说这个之前在GO,js里面看过耶,感觉很棒的样子
相关文章推荐
- 捏合与拖动手势实现视图的缩放拖动 以及 任一边界拖进屏幕自动回弹
- Android实现对imageview的拖动以及缩放
- Android实现对imageview的拖动以及缩放
- Android实现对imageview的拖动以及缩放
- svg+javascript+path直线缩放拖动变形
- Qt5.7以上调用虚拟键盘(支持中文),以及源码修改(可拖动,水平缩放)
- android 手势触发图片缩放拖动(包含缩放图片时图片的大小判断以及拖动图片时图片的边界判断)
- [Google Map]禁止拖动以及缩放 /API3
- Android仿微信朋友圈图片浏览器(支持图片手势缩放,拖动)
- Android自定义View来实现解析lrc歌词并同步滚动、上下拖动、缩放歌词的功能[转]
- UIScrollView和UIPageControl 实现的滚动相册以及照片缩放和还原功能
- 如何利用SVG应用到手机游戏开发 以及 SVG相关介绍
- C# 如何窗体去掉上面的最大化,最小化合关闭以及实现无边框窗体拖动
- Android view手势拖动和缩放
- 可拖动拉伸的左右分栏效果,本例子是用Table以及JS来实现的,左右分栏可改变,拖动中间的边框就可实现宽度的调整,点击时可设置为隐藏左侧列表。
- iOS手势识别的详细使用:拖动、缩放、旋转、点击、手势依赖、自定义手势
- unity 安卓端通过滑动屏幕实现对物体的移动以及缩放
- Android 实现文本的单点缩放、拖动、旋转
- touch.js 拖动、缩放、旋转 (鼠标手势)
- cocos地图拖动 ,及其缩放