SVG RECTの幅と高さ100％

Question

私はSVG要素を作成していて、その背景色を変更したいと考えています。 this question、W3C recommendationsのように、background-colorはSVGの標準スタイルではありませんが、代わりにfillを使用する必要があります。しかし、fillは機能しません。the most common solutionはsvg要素内にrect要素を作成し、そのrect要素の幅と高さをsvgと同様にすることでした。

ので、次は、提案された解決策の結果である：

<svg width="300" height="200"> 
    <rect width="300" height="200" style="fill: rgb(0, 255, 0);></rect> 
</svg> 

私は、その後にすることを変更：

<svg width="300" height="200"> 
    <rect width="100%" height="100%" style="fill: rgb(0, 255, 0);"></rect> 
</svg> 

は（私は100％にwidthとheightセットを持っていることに注意してください2回目の試み）。

私の質問：これは機能しますが、幅と高さのパーセンテージをW3C標準で使用していますか？それとも、ハックですか？

ありがとうございました。

Answer 1

は、幅と高さのパーセンテージをW3C標準で使用していますか？

はい。 https://www.w3.org/TR/SVG/coords.htmlによれば：

サポートされている長さの単位識別子は、次のとおり、EM、EX、PX、PT、PC、CM、MM、中、及びパーセンテージ。