演示地址：

http://blog.258754.cn/2021/vue_svg_tweenmax_demo/index.html

- 根据窗体的width/height参数，自动计算生成SVG的path路径

- tweenmax+MorphSVGPlugin生成小光点绕路径环游的动画，tweenmax的CSS动画生成右下角的色彩变化

- VUE组件化，方便复用

本人其它关于SVG应用范例：http://258754.cn/2020/vue_demo/#/demo/svg_nav

可拖拽生成节点的组织结构图-vue+svg+betterscroll+原生js-drag：http://258754.cn/2020/vue_demo/#/demo/dtree

SVG+tweenmax生成曲线音符飘浮动画：http://blog.258754.cn/2016/svg/test_svg3.html

SVG+tweemmax路径及遮罩动画：围绕着老鹰旋转的两个环：http://blog.258754.cn/2016/svg/test_svg2.html

 

文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志: