1:转载 https://blog.csdn.net/qq_25041297/article/details/79172165
首先我是需要一个SVG图的缩放和平移,svg图是自己做的,然后里面有自己做的动画以及其他时间,但是前几天客户说要改需求,说需要这个图实现SVG的拖动和缩放,
MD,我只是一个后端啊,好吧,后端和前端已经感觉没有区别了。
之前做SVG动画的时候,学习了一下svg的一些动画特效,国内的一个博客写的很好
https://www.zhangxinxu.com/wordpress/2014/08/so-powerful-svg-smil-animation/
超级强大的SVG SMIL animation动画详解
十分佩服博主
然后转到SVG的平移,看到了这样一个文章
https://blog.csdn.net/luqin1988/article/details/8478023
如何使用 SVG 进行缩放和平移
这个能做到缩放和平移,但是平移是用方向键来进行平移,但是肯定客户体验不行,所有放弃
(PS,在谷歌上搜索的时候,也发现完全一样的文章,好像是搬运的,另外也想过自己写SVG拖拽,但是总是感觉不尽人意)
然后又看到了D3..JS 这个很强大的图形化软件,找到类似的方法
d3.js导入SVG
d3.js 缩放
但是。。。。之前完全没有研究过d3这个js啊。。。。
然后我又看到了这个
两者合并,当当
唔,(°Д°),我菜啊,
然后我又看到了这个js
实现SVG图片放大缩小
看起来行,但实际不行
然后我顺藤摸瓜看到了SVGpan.js
想看看有没有类型的教程
但是我找到了另外的一个
jquery.panzoom.js,然后里面的最后一个例子完美的实现了我的需求
md,自己真蠢
给你们一只大脑腐!话说这个之前在GO,js里面看过耶,感觉很棒的样子
---------------------
作者:Jose_Yang
来源:CSDN
原文:https://blog.csdn.net/qq_25041297/article/details/79172165
版权声明:本文为博主原创文章,转载请附上博文链接!