svgtspan的文本装饰

我看到SVG

元素在文本装饰方面呈现不一致

使用这个简单的测试用例：

<text font-family="Helvetica" x="0" y="50" font-size="30" text-decoration='underline overline'>
  outer text
  <tspan font-size="15" text-decoration="overline">tspan w. overline</tspan>
</text>

外部文本
茨潘w。上划线

WebKit（~Safari 8）

Firefox（37）

Internet Explorer（11）

似乎解释不了多少

由于在“text”元素上指定了“text装饰”，因此所有文本 在“text”元素中，其下划线使用相同的 “文本”元素上存在的填充和笔划属性（即蓝色 填充，红色笔划），即使不同的单词有不同的填充 和笔划属性值。然而，“不同”一词显然是不一样的 指定“文本装饰”的值；因此，它的下划线是 使用填充和笔划属性作为“tspan”元素进行渲染 围绕着“不同”一词（即黄色填充、深绿色 （冲程）

---

有一些关于填充/笔划的说明，但没有关于字体大小的说明。这是否意味着这取决于实施者的决定？这是在其他地方定义/解释的吗？

Firefox根据CSS规范做了正确的事情，而根据SVG规范做了错误的事情。如果存在不一致，CSS规范通常会在Firefox中获胜。我不确定其他人是否真的符合任何规范。是的，我遇到了Boris的类似评论-如果检查划线，你会注意到firefox呈现的字体略高于一半，而chrome呈现的字体略低于一半。