Hướng dẫn SVG

Trang này liệt kê các hướng dẫn cho SVG, bao quát các chủ đề như nhúng, kiểu MIME (media), xử lý script, hoạt ảnh, bộ lọc, và nhiều hơn nữa.

Áp dụng hiệu ứng SVG lên nội dung HTML

Trình duyệt hiện đại hỗ trợ dùng SVG trong các kiểu CSS để áp dụng hiệu ứng đồ họa lên nội dung HTML.

Bộ lọc SVG

SVG cho phép chúng ta dùng các công cụ tương tự như ngôn ngữ mô tả bitmap, chẳng hạn như bóng đổ, hiệu ứng làm mờ hoặc thậm chí ghép kết quả của nhiều bộ lọc khác nhau. Với phần tử bộ lọc <filter>, bạn có thể thêm các hiệu ứng này và sau đó gắn chúng vào một đối tượng.

Giới thiệu SVG trong HTML

Bài viết này và ví dụ đi kèm cho thấy cách sử dụng SVG nội tuyến.

Hoạt ảnh SVG với SMIL

Synchronized Multimedia Integration Language (SMIL) là một ngôn ngữ dựa trên XML để viết các bài trình bày đa phương tiện tương tác. Tác giả có thể dùng cú pháp SMIL trong các ngôn ngữ dựa trên XML khác để định nghĩa thời gian và bố cục của các phần tử cho hoạt ảnh.

Khóa học cấp tốc về namespace

Là một phương ngữ XML, SVG có sử dụng namespace. Nếu bạn dự định tạo nội dung SVG, điều quan trọng là phải hiểu khái niệm namespace và cách chúng được dùng. Namespace là yếu tố thiết yếu đối với các user agent hỗ trợ nhiều phương ngữ XML; trình duyệt phải rất nghiêm ngặt. Dành thời gian để hiểu namespace ngay bây giờ sẽ giúp bạn tránh rắc rối sau này.

Kiểu nội dung

SVG sử dụng nhiều kiểu dữ liệu khác nhau. Bài viết này liệt kê các kiểu đó cùng với cú pháp và phần mô tả về mục đích sử dụng của chúng.

Liên kết

Thuộc tính target trên phần tử SVG a không hoạt động trong Mozilla Firefox 1.5. Khi tài liệu SVG được nhúng vào một tài liệu HTML cha bằng thẻ:

SVG như một hình ảnh

SVG có thể được dùng như một định dạng hình ảnh trong HTML, CSS, một số phần tử SVG nhất định và thông qua Canvas API. Trang này liệt kê các tính năng nơi bạn có thể cung cấp SVG làm nguồn hình ảnh.

Viết script

Có nhiều cách để tạo và thao tác SVG bằng JavaScript. Tài liệu này mô tả việc xử lý sự kiện, tính tương tác và làm việc với nội dung SVG được nhúng.