Question

所以，我查了一下，Safari 8应该支持SVG文件。但是，当我转到我的页面（当前只在本地运行）时，它不会渲染任何一个。谷歌浏览器工作正常，但出于某种原因，Safari 8.0没有。是否有一种解决方法可以使Safari 8.0渲染我的SVG？这是使用它们的HTMl（它是一个django模板）：

<div id="head">
    <a href="/"><img id="home" src="{% static 'email_registration/images/1_full_logo.svg' %}"></a>
    <a href="https://www.facebook.com"><img id="fb" src="{% static 'email_registration/images/2_facebook_icon.svg' %}"></a>
    <a href="http://www.instagram.com"><img id="inst" src="{% static 'email_registration/images/3_instagram_icon.svg' %}"></a>
    <a href="https://www.twitter.com"><img id="twtr" src="{% static 'email_registration/images/4_twitter_icon.svg' %}"></a>
    <a href="https://www.youtube.com"><img id="yt" src="{% static 'email_registration/images/5_youtube_icon.svg' %}"></a>
</div>

提前感谢您的帮助。如果需要更多信息，请告诉我。

Answer 1

要检查的一件事是您的网络服务器是否正在使用正确的MIME类型（Content-Type）提供SVG文件。对于SVG文件，它应为image/svg+xml。最简单的方法是使用＆＃39; Net＆＃39;浏览器开发工具的选项卡。

Answer 2

我自己也遇到过这个问题，在查看源代码后，我意识到Adobe提取已经将向量转换为svg文件中的嵌入式png。不是说这是你的问题的解决方案，但可能值得检查。

Safari 8.0无法渲染/识别SVG文件

2 个答案: