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 基本原理
- SVG 用途和應用
學習使用基礎知識 SVG
- 建立一個SVG
- 將 SVG 用作圖像
- 創建 SVG 影像
深入研究 SVG 代碼
- 瞭解 SVG 佈局、結構和屬性
- SVG Elements 簡介
- 使用 SVG 圖形 Element
- 使用 SVG 個容器 Element
- 使用 SVG 個漸變 Elements
將 SVG 與 HTML 和 CSS 一起使用
- 嵌入 SVG
- 使用 CSS 修改和樣式化 SVG
- 使 SVG 回應式
創建 SVG 精靈
- Image Sprite 概述
- 使用 HTML 內聯 SVG 精靈
- 在 HTML 中引用外部 SVG 精靈
- 使用 CSS 內聯 SVG 精靈
- 使用 SVG 片段標識碼
優化 SVG
使用 SVG 製作動畫
- 將 CSS 用於 SVG Animation
- 將 SMIL 用於 SVG Animation
- 使用 Java腳本 SVG Animation
創建您的第一個 SVG 徽標 Animation 專案
- 設置您的工作環境
- 繪製 SVG
- 修改 SVG 代碼以設置 SVG 的樣式
- 優化 SVG
- 為 SVG 製作動畫
故障排除
結束語
最低要求
- HTML & CSS 中的背景
7 時間：
