Bolehkah SVG Sebaris Dibenamkan Terus dalam Gaya CSS?

SVG Sebaris dalam CSS: Membenamkan Grafik Vektor dalam Gaya

Bolehkah kami membenamkan imej SVG terus ke dalam gaya CSS? Bayangkan menggunakan sintaks berikut:

.my-class {
  background-image: <svg>...</svg>;
}

Jawapan:

Ya, memang mungkin untuk menggunakan takrifan SVG sebaris dalam CSS. Begini cara anda boleh mencapai ini:

body {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'>
        <linearGradient>

Kod ini mencipta imej SVG yang dikodkan URL dan menggunakannya sebagai imej latar belakang untuk unsur. SVG terdiri daripada kecerunan linear dan segi empat tepat yang memenuhi keseluruhan port pandangan.

Atas ialah kandungan terperinci Bolehkah SVG Sebaris Dibenamkan Terus dalam Gaya CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!