文本的背景颜色在SVG

Question

我想为svg的背景着色，text类似于background-colorcss我只能找到文档fill，为文本本身着色它甚至可能吗？

Answer 1

您可以使用过滤器生成背景。

<svg width="100%" height="100%">

  <defs>

    <filter x="0" y="0" width="1" height="1" id="solid">

      <feFlood flood-color="yellow"/>

      <feComposite in="SourceGraphic" operator="xor" />

    </filter>

  </defs>

<text filter="url(#solid)" x="20" y="50" font-size="50">solid background</text>

</svg>