Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
课程大纲
介绍
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 小时