Pouvez-vous modifier la couleur de remplissage d'un chemin SVG avec CSS ?

Pouvez-vous personnaliser la couleur de remplissage du chemin SVG via CSS ?

En SVG (Scalable Vector Graphics), vous pouvez modifier des éléments tels que les chemins à l'aide de CSS . Considérez le code suivant :

<svg>
  <path fill="#333333" d="M15.985,5.972C...Z"></path>
</svg>

Est-il possible de changer la couleur de remplissage à l'aide de CSS sans modifier la balise du chemin ?

Réponse :

Oui, il est possible de personnaliser la couleur de remplissage d'un chemin SVG avec CSS. Pour ce faire, ciblez l'élément path comme vous le feriez pour n'importe quel autre élément HTML :

path {
  fill: blue;
}

Ce CSS externe doit remplacer l'attribut de remplissage natif du chemin, en supposant que vous utilisez des navigateurs WebKit ou Gecko. N'oubliez pas que si vous spécifiez un style dans la balise path (par exemple, ), il aura priorité sur le CSS externe.

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!