2017-09-18 3 views
1

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.

Répondre

1

utilise des pourcentages en largeur et en hauteur d'une norme W3C?

Oui. Selon https://www.w3.org/TR/SVG/coords.html:

Les identifiants d'unité de longueur sont pris en charge: em, ex, px, pt, pc, cm, mm, et pourcentages.