Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Menambah Warna Latar Belakang pada Teks dalam SVG?

Bagaimanakah Saya Boleh Menambah Warna Latar Belakang pada Teks dalam SVG?

Linda Hamilton
Linda Hamiltonasal
2024-12-15 15:37:11266semak imbas

How Can I Add a Background Color to Text in SVG?

Mewarnai Latar Belakang Teks dalam SVG

Pembangun web sering berusaha untuk menyesuaikan elemen SVG mereka, termasuk teks. Satu permintaan biasa ialah keupayaan untuk mewarna latar belakang teks, serupa dengan sifat warna latar belakang dalam CSS. Walau bagaimanapun, sifat isian asli hanya mengubah suai teks itu sendiri.

Penyelesaian Berkemungkinan

Untuk mencapai latar belakang teks dalam SVG, anda boleh menggunakan kuasa penapis. Berikut ialah contoh:

 <defs></p>
<pre class="brush:php;toolbar:false"><filter x="0" y="0" width="1" height="1">


solid latar belakang

Penjelasan

elemen mentakrifkan kesan penapis yang mencipta latar belakang kuning di belakang teks. elemen menetapkan warna latar belakang, manakala menggabungkan latar belakang dengan teks asal. Apabila digunakan pada elemen menggunakan atribut penapis, warna latar belakang muncul di belakang teks.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menambah Warna Latar Belakang pada Teks dalam SVG?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn