我想为整个 SVG 文档设置默认背景颜色,例如红色。
<svg viewBox="0 0 500 600" style="background: red">/* content */</svg>
上面的解决方案有效,但不幸的是 style 属性的背景属性不是标准属性:http ://www.w3.org/TR/SVG/styling.html#SVGStylingProperties ,因此在使用 SVG 的清理过程中将其删除清洁器。
还有另一种方法来声明这种背景颜色吗?
SVG 1.2 Tiny 有viewport- fill我不确定这个属性的实现范围有多广,因为目前大多数浏览器都以 SVG 1.1 为目标。Opera 实现了 FWIW。
目前更跨浏览器的解决方案是粘贴一个<rect>宽度和高度为 100% 的元素,并将 fill=”red” 作为该元素的第一个子<svg>元素,例如:
<rect>
<svg>
<rect width="100%" height="100%" fill="red"/>