QA@IT

SVG画像を表示しようとするとダウンロード画面が出てくる

2674 PV

直リンク可能なストレージサービス(具体的にはCopy.comを使用しています)にsvg画像を保存して、
それを自分のサイトに表示しようとしているのですが、

  <object type="image/svg+xml" data="https://Copy.com/表示したいSVGファイル.svg"></object>

の様に表記すると、「ファイル名をつけて保存」のダイアログが出てきて、画像が表示されません。

  <img src="https://Copy.com/表示したいSVGファイル.svg">

と記載した場合は、問題なく表示できますが、(Chromeだと)svgファイル内の文章の選択やコピーが出来ませんので、出来ればOBJECTタグを用いて表示したいです。

あまり良く調べていないので恐縮なのですが、おそらくCopy.com側のcontent-typeの指定が正しくないのではと勝手に思っています。
このような場合にOBJECTタグでSVG画像を表示させる良い方法はないでしょうか?

また、Copy.comではなくて、このストレージサービスを使えば表示できるというのがありましたら教えて頂けると助かります。
(直リンク可で転送量制限がないところでお願いします)

よろしくお願いします。

ウォッチ

この質問への回答やコメントをメールでお知らせします。