svg动图制作之傻瓜教程

要制作svg动图,巧妇难为无米之炊,首先我们要先有svg图片,

下面介绍得到svg动图的三个方法:
1.在icomoon内下载图标,得到svg代码。
2.利用ai软件制作svg动图,得到最后的完整代码。
3.利用在线傻瓜svg动图编辑器,制作好要的svg图片导出即可。


制作好svg图片后,很简单,只需按照格式将代码编辑好,加入变形 旋转或缩放等代码即可。
下面是代码示例


微信图片_20180709215855.png

相应动画代码在rwd书内明确有写,但在此还是相应给出:


skew
rotate!
scale

你可能感兴趣的:(svg动图制作之傻瓜教程)