Metode lain untuk ini yang mungkin juga memiliki dukungan terbatas adalah "tertanam SVG di CSS". Saya belum mencoba ini sendiri tetapi idenya adalah Anda memberikan sumber gambar sebagai url dalam deklarasi css untuk objek dan Anda memberikannya url yang lolos dengan benar yang berisi data.
SVG adalah format teks / xml biasa. Contoh poligon (dari w3schools ):
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<polygon points="200,10 250,190 160,210"
style="fill:lime;stroke:purple;stroke-width:1"/>
</svg>
Contoh SVG inline (tertanam) (disederhanakan) (dari stackoverflow ):
url("data:image/svg+xml;utf8, <svg></svg>");
Perhatikan bahwa data SVG harus "lolos" dengan benar untuk penggunaan sebaris, yang membuatnya sedikit kurang menarik daripada hanya menautkan file SVG.
Ada beberapa diskusi tentang kelayakan metode di utas terkait di atas. Saya pikir menanamkan sesuatu yang sederhana seperti segitiga putih penuh adalah keputusan yang mudah asalkan ada dukungan. Data format SVG yang kompleks harus disimpan sebagai file SVG daripada inline.
File SVG adalah vektor dan dapat diskalakan berdasarkan persentase, tidak seperti metode "batas". Mereka juga (saat ini) memiliki dukungan yang lebih baik (setidaknya non-inline) daripada metode jalur kliping yang tercantum. SVG, menjadi teks biasa, bahkan dapat dipancarkan secara langsung menggunakan misalnya PHP atau skrip sisi server lainnya.