Question

我正在创建一个SVG元素，并希望更改其背景颜色。根据{{3}}，根据this question，background-color不是SVG的标准样式，但必须使用fill。但是，fill不起作用，而W3C recommendations是在rect元素中创建svg元素，并使该rect元素的宽度和高度与svg元素的宽度和高度相似{1}}。

因此，以下是建议解决方案的结果：

<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

使用W3C标准的宽度和高度百分比？

是。根据{{3}}：

支持的长度单位标识符为：em，ex，px，pt，pc，cm，mm，in和百分比。

SVG RECT宽度和高度100％

1 个答案: