-
第一章 课程介绍
-
1.1 课程简介 ( 00:03:15 )
-
-
第二章 SVG 的应用
-
2.1 SVG 的介绍与常见应用场景 ( 00:08:20 )
-
2.2 SVG 应用案例展示 ( 00:07:00 )
-
-
第三章 SVG 基础
-
3.1 SVG 的构成 ( 00:06:05 )
-
3.2 SVG 的常见元素(g, rect, circle, ellipse) ( 00:12:50 )
-
3.3 SVG 的常见元素(line, path, text, image) ( 00:14:23 )
-
3.4 SVG stroke 和 fill 属性 ( 00:04:36 )
-
3.5 SVG viewport 和 ViewBox ( 00:04:05 )
-
-
第四章 SVG 动画
-
4.1 SVG动画元素 ( 00:03:37 )
-
4.2 set 元素 ( 00:04:36 )
-
4.3 animate 元素 ( 00:04:23 )
-
4.4 animateTransform 元素 ( 00:04:49 )
-
4.5 animateMotion 元素 ( 00:08:25 )
-
4.6 动画的触发与时间设置 ( 00:04:13 )
-
4.7 组合动画 ( 00:06:20 )
-
4.8 SVG 动画参数 ( 00:07:00 )
-
4.9 SVG 自定义动画设置 ( 00:05:06 )
-
-
第五章 SVG 动画示例编写
-
5.1 编写 SVG 简单示例 ( 00:09:38 )
-
5.2 添加SVG动画到微信推文中 ( 00:06:16 )
-
-
第六章 课程总结
-
6.1 课程总结 ( 00:04:35 )
-
SVG 基础课程
初级SVG动画
共计20节课
时长2:09:32
课程介绍
此次课程通过实际的应用案例来展示SVG及SVG动画的常见应用，从SVG的基础构成到SVG动画的各个动画元素，带你由浅入深的快速入门SVG的基础开发。最后综合所学知识完成了一个简单的SVG动画示例，并介绍了将SVG动画添加到微信推文中的方法。
课程目录
