小编典典

SVG 根元素的默认背景颜色

all

我想为整个 SVG 文档设置默认背景颜色,例如红色。

<svg viewBox="0 0 500 600" style="background: red">/* content */</svg>

上面的解决方案有效,但不幸的是 style
属性的背景属性不是标准属性:http
://www.w3.org/TR/SVG/styling.html#SVGStylingProperties ,因此在使用 SVG
的清理过程中将其删除清洁器。

还有另一种方法来声明这种背景颜色吗?


阅读 56

收藏
2022-08-27

共1个答案

小编典典

SVG 1.2 Tiny 有viewport-
fill
我不确定这个属性的实现范围有多广,因为目前大多数浏览器都以 SVG 1.1 为目标。Opera 实现了 FWIW。

目前更跨浏览器的解决方案是粘贴一个<rect>宽度和高度为 100% 的元素,并将 fill=”red” 作为该元素的第一个子<svg>元素,例如:

<rect width="100%" height="100%" fill="red"/>
2022-08-27