css - SVG 中文本的背景色

Question

我想为 svg text 的背景着色，类似于 css 中的 background-color

我只能找到有关 fill 的文档，它为文本本身着色

有可能吗？

Answer 1

您可以使用滤镜来生成背景。

<svg width="100%" height="100%">
  <defs>
    <filter x="0" y="0" width="1" height="1" id="solid">
      <feFlood flood-color="yellow" result="bg" />
      <feMerge>
        <feMergeNode in="bg"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
  </defs>
  <text filter="url(#solid)" x="20" y="50" font-size="50">solid background</text>
</svg>