2012-04-30 5 views
1

IEとFirefoxの両方でSVG @style属性がfont-sizeをレンダリングしないが、@ font-size属性が機能することがわかりました。 (私は、失敗したディスプレイが見えないほど小さすぎるか、色がないか、まったく表示されないかどうかはわかりません)。レンダリングスタイルの属性(@styleとfont-size)

<text style=" stroke:green; fill:black; font-size:26.548;" 
     x="265.1651888" y="737.1567768" >o</text> 
<!-- fails to render --> 

<text style=" stroke:blue; fill:black; " x="265.1651888" y="737.1567768" 
     font-size="16.548">o</text> 
<!-- renders OK --> 

標準は@styleと、特定の属性が選択肢であることを意味しているようです。これは正しいです?もしそうなら、これはブラウザの制限であり、防御的なコーディングは何ですか(例えば私はいつも両方を安全のために使うべきですか?)。私は自分自身のSVGを生成しているので、これに影響を与える可能性のあるグローバル属性があるかもしれません。

答えて

2

これは間違いありません.http://www.w3.org/TR/CSS2/fonts.html#font-size-propsでCSSを使用してフォントサイズを指定する場合は、単位を入力する必要があります。

単位はSVGプロパティとして指定した場合、font-sizeにはオプションですが、その使用法と構文はSVG仕様でカバーされています。

+0

非常に役に立ちます。私はBatikの出力を使って作業しており、ユニットなしで@styleの使用法を作成しました。私は何か悪いことはしなかったと思うし、そうでなければバグのように思える。 –

+0

バティックバグを報告することができます:https://issues.apache.org/bugzilla/query.cgi –

関連する問題