Firefox ... SVG ... Подчеркни ... как, ради бога?

Question

Все, что я пробовал, до сих пор не приводило к тому, что Firefox подчеркивал какой-то текст.

Согласно результатам Google, эта проблема известна и задокументирована уже более пяти лет ... что просто не может быть правдой... что происходит?

Кто-то знает какой-нибудь заведомо работающий обходной путь или, может быть, даже причину, почему они еще не исправили это !?... мне очень интересно об этом

Answer 1

Подчеркивание текста в SVG, а также другие текстовые оформления пока не поддерживаются в Firefox, это правда. ( Ошибка 317196 свидетельствует об этом.) В течение следующих нескольких месяцев планируется переработать код макета текста SVG, результат которого (среди прочего) должен быть подчеркнут.

В то же время, если они вам действительно нужны (и вы не можете нарисовать их вручную с помощью <line>, потому что, например, вы не знаете текстовые метрики), вы можете использовать <foreignObject> для включения некоторого содержимого HTML с подчеркивает.

Answer 2

В my Firefox, текст ForeignObject в SVG будет отлично подчеркнут, если я включу его в нужные теги:

<html:u>blub</html:u>

..Объявив html как пространство имен в svg, пример кода выглядит следующим образом:

<div style="border:solid black 2px;">
<svg:svg xmlns="http://www.w3.org/2000/svg"
  xmlns:html="http://www.w3.org/1999/xhtml"
  width="300" height="50" > 
 <foreignObject width="80" height="50">
   <html:u>blub</html:u>
 </foreignObject>
</svg:svg>
</div>

Это решение для вас?