Цвет фона элемента tspan

Можно ли задать цвет фона элемента 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>

Кроме создания Элемент расположен в том же месте - чего я бы хотел избежать - есть ли другой способ добиться этого?

8
задан kangax 30 December 2011 в 01:35
поделиться