Chúng ta có thể sử dụng SVG trong CSS thông qua URL dữ liệu, nhưng nếu không mã hóa nó thì nó chỉ hoạt động trong các trình duyệt dựa trên Webkit. 🤔
Vì thế nên nếu như ta mã hóa SVG bằng cách sử dụng encodeURIComponent()
nó sẽ hoạt động ở mọi nơi. 😍
SVG phải có thuộc tính xmlns như thế này:
xmlns='http://www.w3.org/2000/svg'
. Nếu nó không tồn tại, nó sẽ được thêm tự động...
SVG đã được mã hóa có thể dùng để sử dụng trong Nền(Background)
và
border-image
.