CSSで外部のsvgファイルをスタイルすることは可能ですか？

svgファイルの内容を変更せずに、外部のsvgファイルをCSSでスタイルすることはできますか？CSSで外部のsvgファイルをスタイルすることは可能ですか？

<img src="image/svg/3ds-max.svg">

とHTML5における外部SVGファイルを表示するために任意のより良い方法はありますか？

出典

2012-01-31 neelix

imgタグを使用することはできません。これは、アクセスまたは変更に関するビットマップと基本的に似ています。代わりにタグをstyle属性と併用するか、html5で行うことができるファイル内にsvgをインラインで含めることができます。

出典

2012-01-31 16:57:24

をダン:(誰もがこのようなケースである理由へのリンクを持っている –

@BradleyFlood？ https://longsonr.wordpress.com/2013/10/23/restrictions-on-svg-used-as-an-image/ –

ほぼ。あなたがsvgタグを使用して、HTML5文書に直接SVGを埋め込むことができるなら、あなたはそのように、CSSでそれをスタイリングすることができます

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="utf-8" /> 
     <style type="text/css"> 
      #redcircle { stroke:black; stroke-width:5; } 
     </style> 
    </head> 
    <body> 
     <svg width="200" height="200" xmlns="http://www.w3.org/2000/svg"> 
      <circle id="redcircle" cx="50" cy="50" r="30" fill="red" /> 
     </svg> 
    </body> 
</html>

出典

2012-01-31 17:10:17

彼は外部のSVGをリクエストしましたが、インラインではありません – grm

真ですが、最も近い選択肢。 –

CSSで外部のsvgファイルをスタイルすることは可能ですか？

答えて

関連する問題