Je crée un élément SVG, et je voudrais changer sa couleur de fond. Selon this question, et selon W3C recommendations, background-color
n'est pas un style standard pour SVG, mais fill
doit être utilisé à la place. Cependant, fill
ne fonctionne pas et the most common solution devait créer un élément rect
à l'intérieur de l'élément svg
et faire en sorte que cet élément rect ait une largeur et une hauteur similaires à celles du svg
.SVG RECT Largeur et Hauteur de 100%
Donc, ce qui suit est le résultat de la solution proposée:
<svg width="300" height="200">
<rect width="300" height="200" style="fill: rgb(0, 255, 0);></rect>
</svg>
J'ai ensuite changé que pour:
<svg width="300" height="200">
<rect width="100%" height="100%" style="fill: rgb(0, 255, 0);"></rect>
</svg>
(notez que j'ai width
et height
ensemble à 100% dans mon deuxième essai).
Maintenant ma question: même si cela fonctionne, utilise des pourcentages en largeur et en hauteur d'un standard W3C? Ou est-ce un hack?
Merci.