<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-decoration' が 'text' 要素で指定されているため、'text' 要素内のすべてのテキストは、'text' 要素に存在するのと同じ塗りと線のプロパティ (つまり、青の塗りつぶし、赤の線) でレンダリングされる下線を持ちます。 )、さまざまな単語の塗りと線のプロパティ値が異なりますが。ただし、「異なる」という単語は、「テキスト装飾」の値を明示的に指定します。したがって、その下線は、fill プロパティと stroke プロパティを使用して、「different」という単語を囲む 'tspan' 要素としてレンダリングされます (つまり、黄色の塗りつぶし、濃い緑色のストローク)。
塗りつぶし/ストロークの明確化がありますが、フォントサイズについては何もありません. これは、これが実装者の決定に任されているということですか? これは他の場所で定義/説明されていますか?