Можно ли задать цвет фона элемента SVG
? Если нет, то как лучше всего это смоделировать?
Моя цель - придать тексту цвет фона, и я решил, что элементы заполнения
будут идеальными - они уже «очерчивают» текст фрагменты (элементы
), представляющие строки в многострочном тексте.
Пример, с которым я работаю:
<text x="100" y="100" font-size="30">
<tspan>hello</tspan>
<tspan x="100" dy="1.2em">world</tspan>
</text>
Я пробовал использовать атрибут fill, но похоже, что он влияет на заливку (цвет) текста, а не на область за ним:
<tspan fill="yellow">hello</tspan>
Я также пробовал установить цвет фона с помощью CSS :
<style type="text/css">tspan { background-color: yellow }</tspan>
.. но это не работает (по крайней мере, в Chrome 17 и Firefox 12).
Перенос tspan в
(или сам текст в
) с «заливкой» тоже не работает:
<g fill="yellow"><tspan>hello</tspan></g>
<tspan><g fill="yellow">hello</g></tspan>
Кроме создания Элемент
расположен в том же месте - чего я бы хотел избежать - есть ли другой способ добиться этого?