Bolehkah CSS Mengubah Warna Isian Laluan SVG?

Bolehkah CSS Mengubah Warna Isian Laluan SVG?

Dalam SVG, CSS boleh digunakan pada laluan, membolehkan anda mengubah suai gayanya tanpa terus mengubah tag laluan. Untuk mencapai ini, anda mesti memadankan elemen laluan semasa menggayakan, sama seperti elemen HTML.

Contoh untuk Semua Laluan SVG:

Jika anda ingin mengubah suai warna isian daripada semua laluan SVG pada halaman, gunakan CSS berikut:

path {
  fill: blue;
}

CSS Mengatasi Gaya Sebaris:

CSS luaran biasanya mengatasi atribut pengisian laluan sebaris. Tingkah laku ini telah diperhatikan dalam pelayar berasaskan WebKit dan Gecko. Walau bagaimanapun, gaya sebaris yang dinyatakan dalam teg laluan, seperti , akan diutamakan berbanding CSS luaran.

Atas ialah kandungan terperinci Bolehkah CSS Mengubah Warna Isian Laluan SVG?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!