<object>で使用されているSVGをブラウザに表示できません

私のサーバでベクターWebアプリケーションを設定しようとしていますが、<object>で使用されているSVGが見つかりました（私はjavascriptによって生成されていると思います）。ブラウザに表示されます。しかし、https://riot.imの公式アプリでは、すべてのSVGファイルが正しく表示されます。私は私のサーバー上で小規模なテストをした：<object>で使用されているSVGをブラウザに表示できません

https://cnjabber.net/test/index.html

私は <img src="..."/>使用

と<object type="svg+xml" data="..."></object> SVGファイルを使用するには、しかし、ブラウザだけ<img src="...">画像を示し、Firefoxの開発者ツールは、イメージをロードできませんでした」と言います" ChromiumとQupzillaもそれを読み込めません。 file：///some/path/index.htmlでhtmlファイルをローカルに開くとうまくいきます。

私はWeb上で検索し、lighttpdで正しくMIMEタイプを設定していることを確認しました。誰が問題があるのか教えていただけますか？そして、あなたは、単にimgタグを使用することができますSVGは（対話型でない）静的な場合

<object type="image/svg+xml" src="yourimage.svg"> 
    <img src="yourfallbackimage.png" alt="Your browser does not support SVG"/> 
</object>

：

出典

2016-10-03 Iru Dog

どのMIMEタイプを使用しましたか？ – Goombah

私はあなたの問題はtype="image/svg+xml" また、それはこのような構造にする必要がありますする必要がありますtype="xvg+xml"であるのかもしれないと思います

<img src="yourimage.svg"/>

出典

2016-10-03 11:50:56

ああ、ちょうど私の質問のタイプミス。さて、https://vector.cnjabber.netにアクセスしてゲストとしてログインすれば、詳細を見ることができます。 –

私は最終的に私のサーバーに何が起こったのかを知っています（私は答えを投稿しました）。そして今、HTTPSを保護する方法とSVGの読み込みを有効にする方法の別の質問です。 –

私は最終的に何が起こったのか知っています。今回は、Firefox開発ツールでコンソールを使用します。 pictureそして、問題の原因となったのはX-Frame-Options: DENYだとわかりました。

出典

2016-10-03 13:38:19

<object>で使用されているSVGをブラウザに表示できません

答えて

関連する問題