2016-05-19 6 views
0

私はそのsrcプロパティを使用してimgタグ内で外部に保存SVGを表示したい:イメージが全く示されていないいくつかの理由外部SVGは

<img src="https://combeespecs.blob.core.windows.net/configurations/55919877060821504/DefaultView.svg" style="width: 300px;"> 

。私はobjectタグ内の同じSVGを埋め込む場合は、すべてがうまく動作します:

enter image description here

ここlive exampleで使用される完全なコードです:

<div>SVG in IMG tag:</div> 
<img src="https://combeespecs.blob.core.windows.net/configurations/55919877060821504/DefaultView.svg" style="width: 200px;"> 

<div>SVG in object tag:</div> 
<object data="https://combeespecs.blob.core.windows.net/configurations/55919877060821504/DefaultView.svg" type="image/svg+xml" style="width: 200px;"></object> 

もう一つ:私はしたいのですがobjectの代わりにimgタグを使用してください。これは、HTML-Mail内のSVGとほとんどのメールクライアントがobjectタグをブロックしているように見せたいからです。

+0

実際の画像(.jpg、.png)をメールに貼っておくことをおすすめします。 SVGのサポートはまだかなり低いです。 https://css-tricks.com/a-guide-on-svg-support-in-email/ –

+0

私はそれを認識していますが、技術的な理由から今すぐ画像に切り替えることはできません。また、メールは、基本的にimgタグでSVGをサポートする同じメールクライアントを使用する非常に限られたユーザーにのみ送信されるので、私にとってはうれしいです... – suamikim

答えて

0

イメージコンテキストでSVGを使用する場合は、1つのファイルで完全でなければなりません。埋め込まれたpngはSVGファイルの外部にあるので、表示されません。

これを回避するには、pngをdata URIに変換して、svgファイルに完全に埋め込む必要があります。

関連する問題