为什么这个SVG工作在浏览器中是原始的,而不是在网页中？

Question

可以在浏览器窗口中正确查看此SVG.

但是,当我尝试将其用作网页中的图像(在我的实时网站和JSFiddle中尝试过)时,它不会显示:

<img src="http://54.186.131.77/Style/Resources/SVG/logo.svg"/>

每次,我的服务器声称该文件已成功提供,但它不会呈现.

有什么问题？

如果您认为我的问题可能涉及我的服务方法/ MIME类型,我已经使用我的Node.js自定义服务器实现创建了一个Gist.我把.svg为text/xml根据前一段时间开发这个服务器时,我使用的任何图表.

Answer 1

Content-type当我从服务器加载该 svg 时，响应标头当前为，Content-Type:text/xml这是 SVG 的错误 MIME 类型。尝试将Content-type标题更改为image/svg+xml.

从您在评论中发布的要点来看，您似乎可以通过更改第 15 行来做到这一点：

'.svg'  : 'text/xml',

到

'.svg'  : 'image/svg+xml',

我建议不要仅仅更改标记，因为这只是对不正确的 HTTP 标头的短期修复。