浏览器专用SVG显示问题
浏览器专用SVG显示问题
提问于 2015-09-28 01:49:27
在http://expensebite.com网站上，我在左上角有一个标志，这是一个带有PNG的SVG。它的行为不像预期的那样，我无法跟踪为什么(不确定)：-Win10上的Chrome45.0.2454.101:下载SVG，任何分辨率都没有显示- FF 40.0.3在Win10:显示一个灰色框- MS Edge 20.10240.16384.0在Win10上显示徽标- Safari 8.0.8在MacBook:什么都没有显示
为什么？我将如何调试这个？
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-09-28 02:25:39
您的SVG使用了错误的内容类型(MIME类型)。他们被当作application/octet-stream而不是image/svg+xml。
检查您的web服务器配置。
在浏览器web工具- "Net“(或"Network")选项卡中，您可以自己查看它的内容类型。
Stack Overflow用户
发布于 2015-09-28 02:26:08
您在http://expensebite.com/images/logo.svg的徽标上有一个不正确的header，因此浏览器将其解释为二进制流而不是图像。它目前正在与报头一起使用。
Content-Type: application/octet-stream而要在object标记中使用它，则需要使用适当的SVG内容类型标头。
Content-Type: image/svg+xml您需要配置您的服务器以使用正确的内容类型头来服务svg文件，这个过程将根据您使用的服务器软件/主机的类型而有所不同。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32814707
复制相关文章
相似问题
腾讯云开发者
