☰

SVGのテキストの背景色 質問する

tag-icon • tag-icon css svg background-color
SVGのテキストの背景色 質問する

CSStextと同様にSVGの背景に色を付けたいbackground-color

fillテキスト自体に色を付けるに関するドキュメントしか見つけられませんでした

それは可能なのでしょうか?

ベストアンサー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>

おすすめ記事