Safari 8.0不渲染/识别SVG文件

问题描述：

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

<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>

在此先感谢您的帮助。让我知道是否需要更多信息。

答

根据Can I Use，你说得对，Safari 8应该能够在<img>标记中呈现SVG。我的第一个猜测是你的SVG文件格式不正确。你可以阅读关于规格here。但是出于好奇，你能否从你的web浏览器发布呈现的HTML，即，Django呈现为<img id="fb" src="{% static 'email_registration/images/2_facebook_icon.svg' %}">？

这不提供问题的答案。要批评或要求作者澄清，请在其帖子下方留言。如果你还没有这样的声望，那么最好等到你这样做。 – 2014-09-26 08:50:58

– 2014-09-29 20:22:07

答

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

答

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

Safari 8.0不渲染/识别SVG文件

相关推荐