全部课程 > 初级 > SVG动画 > SVG 基础课程
SVG 基础课程
初级SVG动画 共计20节课 时长2:09:32 ¥199.00 购买
课程介绍
此次课程通过实际的应用案例来展示SVG及SVG动画的常见应用,从SVG的基础构成到SVG动画的各个动画元素,带你由浅入深的快速入门SVG的基础开发。最后综合所学知识完成了一个简单的SVG动画示例,并介绍了将SVG动画添加到微信推文中的方法。
课程附件
课程讲稿(内容包含1个PPT文档)
设计稿(psd源件)
代码包
下载附件
课程目录
  • 第一章 课程介绍
    • 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 )