SVG制作不规则链接热点的最简版演示
作者:admin 日期:2019-02-28一朋友要做一个“战国地图”,不会做“不规则热点”。我给他做了这个最简版演示。SVG是我用ps描的,很粗略。响应用的是vue.js,其实用jquery也是一样的。
这就是个最简演示,其它常用技术就不解释了。
演示地址 :
http://blog.258754.cn/2016/svg/qg.html
这就是个最简演示,其它常用技术就不解释了。
演示地址 :
http://blog.258754.cn/2016/svg/qg.html
VUE+TWEENMAX+SVG动画,用来模拟流程控制
作者:admin 日期:2019-02-18那种工厂中很多个管道、流水线、控制阀门的控制体系,如果用软件来控制的话,会要操作很多的动画。用普通的HTML+IMAGE方式,很难表现一些复杂的控制。早几年的FLASH,是这方面的强手,但现在适用的方案,应该只好用SVG了。
我一直想了解一下SVG的组织结构及动画控制,这次终于实践了一个小demo。
这个演示用到了SVG的symbol/pattern。动画控制用的tweenmax,状态控制用了vue.js。
绘制方面,用了一个ps插件,我用自己熟悉的ps直接导出了svg矢量图形。
演示地址 :