课程大纲

介绍

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 小时
 

人数


开始

完结


Dates are subject to availability and take place between 09:30 and 16:30.
Open Training Courses require 5+ participants.

相关课程

课程分类