Добавление отступов / полей / фона вокругтег в SVG - PullRequest
Новая
       47

Добавление отступов / полей / фона вокругтег в SVG

0 голосов
/ 23 октября 2019

enter image description here

Попытка стилизовать текстовый тег в SVG. Например, добавление отступов / полей / границ, фона вокруг текста. Но я могу добавить только фон, используя фильтр.

Я попытался добавить цвет фона и отступы / поля вокруг текста. Но не удалось найти способ добавить поля / отступы вокруг текста.

Добавление текстового тега внутри SVG следующим образом: 

<defs>
   <filter x="0" y="0" width="1" height="1" id="textStyle">
      <feFlood height="40" floodColor="green" 
       floodOpacity="0.08"/>
      <feComposite in="SourceGraphic" operator="xor" />
   </filter>
</defs>

<text filter="url(#textStyle)"
 x={xCoOrd}
 y={yCoOrd} 
 fill="red">
</text>

Ожидаемый текст, похожий на вложение.

...