SVG như một hình ảnh

Các tính năng hỗ trợ SVG

Trình duyệt hỗ trợ hình ảnh SVG trong:

• phần tử HTML <img> hoặc <svg>
• CSS background-image
• CSS list-style-image
• CSS content
• phần tử SVG <image>
• phần tử SVG <feImage>
• hàm Canvas drawImage

Hạn chế

Vì mục đích bảo mật, một số trình duyệt áp đặt các hạn chế lên nội dung SVG khi nó được dùng như một hình ảnh. Cụ thể, có thể áp dụng các giới hạn sau:

• JavaScript bị vô hiệu hóa.
• Tài nguyên bên ngoài (ví dụ: hình ảnh, stylesheet) không thể tải, dù chúng có thể được dùng nếu được nhúng qua data: URLs.
• Kiểu liên kết :visited không được hiển thị.
• Kiểu giao diện gốc của nền tảng (dựa trên giao diện hệ điều hành) bị vô hiệu hóa.

Lưu ý rằng các hạn chế trên chỉ áp dụng cho ngữ cảnh hình ảnh; chúng không áp dụng khi nội dung SVG được xem trực tiếp, hoặc khi nó được nhúng như một tài liệu thông qua các phần tử <iframe>, <object> hoặc <embed>.

Đặc tả