SVG Fundamentals Training Course

Giới thiệu

Tổng quan về Đồ họa Vector có thể mở rộng Scala

• Hiểu về Đồ họa Vector
• SVG Cơ bản
• SVG Ứng dụng và Sử dụng

Học những kiến thức cơ bản về sử dụng SVG

• Tạo một SVG
• Sử dụng SVG như Hình ảnh
• Tạo một Hình ảnh SVG

Đi sâu vào Mã SVG

• Hiểu Bố cục, Cấu trúc và Thuộc tính của SVG
• Giới thiệu về SVG Elements
• Làm việc với SVG Đồ họa Elements
• Làm việc với SVG Container Elements
• Làm việc với SVG Gradient Elements

Sử dụng SVG với HTML & CSS

• Nhúng SVG
• Sửa đổi và Tạo kiểu SVG bằng CSS
• Làm cho SVG Đáp ứng

Tạo Sprites SVG

• Tổng quan về Image Sprites
• Sử dụng HTML Inline SVG Sprites
• Tham chiếu Sprites SVG Bên ngoài trong HTML
• Sử dụng CSS Inline SVG Sprites
• Sử dụng SVG Fragment Identifiers

Tối ưu hóa SVG

Hoạt hình với SVG

• Sử dụng CSS cho SVG Animation
• Sử dụng SMIl cho SVG Animation
• Sử dụng JavaScript cho SVG Animation

Tạo Dự án Logo Animation SVG Đầu tiên của bạn

• Thiết lập Môi trường Làm việc của bạn
• Vẽ SVG
• Sửa đổi Mã SVG để Tạo kiểu SVG
• Tối ưu hóa SVG
• Hoạt hình SVG

Khắc phục sự cố

Lời kết