Comment puis-je ajouter une couleur d'arrière-plan au texte en SVG ?

Coloration de l'arrière-plan du texte en SVG

Les développeurs Web cherchent souvent à personnaliser leurs éléments SVG, y compris le texte. Une demande courante est la possibilité de colorer l’arrière-plan du texte, similaire à la propriété background-color en CSS. Cependant, la propriété de remplissage native ne modifie que le texte lui-même.

Solution possible

Pour obtenir un arrière-plan de texte en SVG, vous pouvez utiliser la puissance des filtres. Voici un exemple :

 <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">

Copier après la connexion

solide background

Explication

Le L'élément définit un effet de filtre qui crée un fond jaune derrière le texte. Le L'élément définit la couleur de l'arrière-plan, tandis que combine l'arrière-plan avec le texte original. Lorsqu'il est appliqué au élément utilisant l'attribut filter, la couleur d'arrière-plan apparaît derrière le texte.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!