SVG 基础课程

初级SVG动画共计20节课时长2:09:32 ￥199.00 购买

课程介绍

此次课程通过实际的应用案例来展示SVG及SVG动画的常见应用，从SVG的基础构成到SVG动画的各个动画元素，带你由浅入深的快速入门SVG的基础开发。最后综合所学知识完成了一个简单的SVG动画示例，并介绍了将SVG动画添加到微信推文中的方法。

课程附件

课程目录

第一章课程介绍
- 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 )