Wie kann ich Text in SVG eine Hintergrundfarbe hinzufügen?

Texthintergrund in SVG einfärben

Webentwickler versuchen oft, ihre SVG-Elemente, einschließlich des Textes, anzupassen. Eine häufige Anforderung ist die Möglichkeit, den Hintergrund des Textes einzufärben, ähnlich der Eigenschaft „background-color“ in CSS. Die native Füllungseigenschaft ändert jedoch nur den Text selbst.

Mögliche Lösung

Um einen Texthintergrund in SVG zu erzielen, können Sie die Leistungsfähigkeit von Filtern nutzen. Hier ist ein Beispiel:

 <defs></p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><filter x="0" y="0" width="1" height="1">