SVGイメージにHTMLドキュメントの色を継承させるにはどうすればよいですか？

私はCSSでスタイル付けされたHTMLページに埋め込みたいSVG画像をたくさん持っています。SVGイメージにHTMLドキュメントの色を継承させるにはどうすればよいですか？

SVGの要素に、親HTML要素のcolor属性から継承した色を持たせたいと考えています。

style="stroke: none; fill: inherit"を設定しようとしましたが、これは機能しません。

2012-10-21 user1762639

SVGパラメータを参照してください。http://www.schepers.cc/w3c/svg/params/ref.html – Stan

svgフラグメントを埋め込む方法。しかし、http://stackoverflow.com/questions/4906148/how-to-apply-a-style-to-an-embedded-svgのように聞こえる。とにかく、あなたの断片がhtmlのインラインであるなら、あなたの例のようなスタイリングはうまくいくはずです。 –

htmlは色を使用し、SVGは塗りとストロークを使用します。たとえば、値currentColorを使用して、カラーCSSプロパティの値を使用するために塗りまたはストロークを取得できます。 fill = "currentColor"

出典

2012-10-21 21:19:21

これは正しい答えです。 –

これは埋め込みSVGでは動作しませんが、そうですか？ – obskyr

それはありますが、それはあなたが意味するものならクロス文書ではありません。 –

SVGイメージにHTMLドキュメントの色を継承させるにはどうすればよいですか？

答えて

関連する問題