我看到<tspan>
关于文本装饰的 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>
WebKit (~Safari 8)
火狐 (37)
互联网浏览器 (11)
关于文本装饰的部分似乎没有太多解释。
由于在 'text' 元素上指定了 'text-decoration',所以 'text' 元素中的所有文本的下划线都使用与 'text' 元素上存在的相同的填充和描边属性(即蓝色填充、红色描边),即使各种单词具有不同的填充和描边属性值。但是,“不同”一词明确指定了“文本装饰”的值;因此,它的下划线使用填充和描边属性作为围绕单词“不同”的“tspan”元素呈现(即黄色填充,深绿色描边)
对填充/描边有一些说明,但对字体大小没有任何说明。这是否意味着这取决于实施者的决定?这是在其他任何地方定义/解释的吗?