SVG RECT 宽度和高度为 100%

Question

我正在创建一个 SVG 元素，并想更改其背景颜色。根据 this question ，并根据 W3C recommendations , background-color不是 SVG 的标准样式，而是 fill必须改用。然而，fill不起作用和 the most common solution是创建一个rect svg 内的元素元素并使该 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>

(请注意，我在第二次尝试中将 width 和 height 设置为 100%)。

现在我的问题是:即使这有效，使用宽度和高度的百分比是 W3C 标准吗？或者这是一个黑客？

谢谢。

Answer 1

is using percentages in width and height a W3C standard?

是的。根据 https://www.w3.org/TR/SVG/coords.html :

The supported length unit identifiers are: em, ex, px, pt, pc, cm, mm, in, and percentages.