animate动画案例_微信公众号SVG动画交互视频教程

越来越多的公众号在自己的图文消息中加入了SVG交互动画，近来一些小伙伴也在问我这些动画交互效果是如何实现的。

有的小伙伴在看了一些文章教程后，对于一些细节处理还是无从下手。

一些问题经常会被问到，例如：SVG中的矢量文字和图形是用什么软件制作的，这些矢量软件如何使用；做好的代码是如何插入到公众号图文消息中；animate和animateTransform标签的区别是什么等等。

针对这些问题，我利用空闲时间录制了一段视频教程，通过对百事公众号伸长图文动画的案例剖析，带领你轻松入门公众号SVG动画交互开发。

第一次录制视频教程，有不足之处还请多包涵，欢迎在下面给我留言多提宝贵意见。

教程主要在四个方面介绍了SVG动画开发的基本要点：

• 代码结构

• 在AI软件中制作矢量内容

• 动画交互代码原理

• 将代码插入到公众号图文消息中

腾讯课堂播放地址:

https://ke.qq.com/course/2770841?taid=9877028919199641&tuin=3440ba8e

视频附带源码文件：

https://dev.xingway.com/tutorials/svg/svg-final.zip