3

我看到<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”元素呈现(即黄色填充,深绿色描边)

对填充/描边有一些说明,但对字体大小没有任何说明。这是否意味着这取决于实施者的决定?这是在其他任何地方定义/解释的吗?

4

0 回答 0