Video: IT Accessibility: What Web Developers Have to Say 2025
Phần tử này cho phép bạn xây dựng một hình ảnh dựa trên vector dựa trên ngôn ngữ đánh dấu SVG trực tiếp trong trang. Nó thường được sử dụng để tạo biểu đồ hoặc hình ảnh hóa khác một cách năng động. Mã mẫu sẽ như sau:
Đầu ra của mã mẫu này như sau:
SVG sử dụng một hệ thống XML rất giống với XHTML. Mỗi phần tử được mô tả bởi một thẻ, có các thuộc tính khác nhau xác định kích thước, vị trí và màu sắc của nó. Bạn có thể sửa đổi các phần tử SVG bằng một hình thức CSS; Bạn có thể tạo và sửa đổi mã SVG trong thời gian thực với mã JavaScript; hoặc xuất một hình ảnh SVG từ một công cụ như Dia hoặc Inkscape, và nhúng các bản vẽ kết quả trực tiếp trong trang.
Lợi thế chính của một định dạng hình ảnh dựa trên vector như SVG là khả năng phóng to hình mà không làm giảm chất lượng hình ảnh.
Tất cả các trình duyệt chính, ngoại trừ phiên bản IE trước IE9, hỗ trợ một số mức của SVG.
Để biết thêm thông tin về tiêu chuẩn SVG, hãy xem trang W3C SVG.
