SVG tspan的文本装饰

时间:2015-01-12 16:22:06

标签: svg cross-browser typography tspan

我发现SVG <tspan>元素在文本修饰方面的呈现不一致。

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

<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)

enter image description here

Firefox(37)

enter image description here

Internet Explorer(11)

enter image description here

The section on text decoration似乎没有多大解释。

  

由于'text'元素在'text'元素上指定了所有文本   在'text'元素中,其下划线呈现相同   'text'元素上存在的填充和描边属性(即蓝色   填充,红色笔划),即使各种单词有不同的填充   和笔画属性值。但是,明确地说“不同”   指定'text-decoration'的值;因此,它的下划线是   使用fill和stroke属性作为'tspan'元素进行渲染   围绕“不同”一词(即黄色填充,深绿色)   行程)

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

0 个答案:

没有答案