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 時間: