2017-06-22 6 views
0

申し訳ありませんが、それは意見に基づいて来るかもしれませんが、私は正しい答えがあることを願っています..<style>はSVGの中に入れられますか?

インラインCSSスタイルは、SVGドキュメント内に配置する必要がありますか? の例では、私は2つのスタイルとそれらを使用する円を定義しました。

最初のスタイルはdefsタグ内に定義され、2番目のスタイルはsvgタグのすぐ内側に定義されます。

どちらのスタイルもサークルに正常に表示されます(少なくともChromeでは、他のブラウザはチェックしていません)。

私の質問は、どのように標準ですか?

私は、スタイルを維持すると、defsはSVG全体をより整然と保つと思います。しかし、誰もスタイルを参照しないのでdefsタグを使用しないでください。<use>

ありがとう!

<svg height="100" width="100"> 
 
    <defs id="someDefs"> 
 
    \t <style id="style1"> 
 
    .blue-fill { 
 
    \t fill : blue; 
 
    } 
 
    </style> 
 
    </defs> 
 
    <style id="style2"> 
 
    .red-stroke { 
 
    \t stroke : red; 
 
    stroke-width : 12 
 
    } 
 
    </style> 
 
    <circle cx="50" cy="50" r="40" class="blue-fill red-stroke"> 
 
</svg>

+2

問題ではありません。いずれのアプローチも「より標準的」ではない。 '