感谢您的预订!我们的团队成员将会尽快与您取得联系。
感谢您的预订!我们的团队成员将会尽快与您取得联系。
课程大纲
介绍
Scalable 矢量图形概述
- 了解矢量图形
- SVG Fundamentals
- SVG 用途和应用
学习使用基础知识 SVG
- 创建一个 SVG
- 使用 SVG 作为图像
- 创建 SVG 映像
深入挖掘 SVG 代码
- 了解 SVG 布局、结构和属性
- SVG 元素简介
- 使用 SVG 图形元素
- 使用 SVG 容器元素
- 使用 SVG 渐变元素
将 SVG 与 HTML 和 CSS 一起使用
- 嵌入 SVG
- 使用 CSS 修改和样式化 SVG
- 使 SVG 具有响应性
创建 SVG 个精灵
- 图像精灵概述
- 使用 HTML 内联 SVG 精灵
- 在 HTML 中引用外部 SVG 精灵
- 使用 CSS 内联 SVG 精灵
- 使用 SVG 片段标识符
优化 SVG
使用 SVG 制作动画
- 将 CSS 用于 SVG 动画
- 将 SMIL 用于 SVG 动画
- 将 JavaScript 用于 SVG 动画
创建您的第一个 SVG 徽标动画项目
- 设置工作环境
- 绘制 SVG
- 修改 SVG 代码以设置 SVG 的样式
- 优化 SVG
- 制作动画 SVG
故障 排除
闭幕致辞
要求
- HTML 和 CSS 的背景
7 小时