JavaScript クロムを使用した SVG 画像があると、「リソースはドキュメントとして解釈されましたが、MIME タイプの image/svg+xml で転送されました」と表示されます。iframe に含めるか、同じ結果の TAG を埋め込むことができます。しかし、MIME タイプを別のものに変更すると、ブラウザーはそれをレンダリングできません。それで、「image/svg+xml」は正しいと思いますか?
SVG
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg version="1.1" baseProfile="full" id="draw"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 480 480">
<defs>
<style type="text/css">
<![CDATA[
]]>
</style>
</defs>
<rect x="0" y="0" width="480" height="480" rx="0" ry="0" fill="rgb(255, 255, 255)" />
</g>
<script type="text/ecmascript"><![CDATA[
(function () {
//Some code here
}());
]]>
</script>
</svg>