2014-09-26 55 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。不是說這是你的問題的解決方案,但可能值得檢查。