2014-09-26 73 views
1

所以,我查了一下,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> 

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

回答

0

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

+0

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

+0

2014-09-29 20:22:07

0

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

0

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