Chrome瀏覽器沒有顯示SVG文件

我有一個嵌入在HTML5文件中的SVG ilustration，它可以在所有現代瀏覽器中運行，當我在本地嘗試時，但是當我嘗試從網絡服務它時，我不會讓Chrome呈現SVG圖像，它只呈現SVG源代碼。我已經添加了此線，其解決了Safari和Firefox的問題.htaccess文件：Chrome瀏覽器沒有顯示SVG文件

AddType image/svg+xml svg 
AddType image/svg+xml svgz 
AddEncoding x-gzip .svgz

而Chrome現在是從網上來的時候，它不會使圖像的瀏覽器。即使在Chrome中，我的本地文件也能正常工作。

我缺少什麼？

下面是問題示例的鏈接，在Safari和Firefox上嘗試它，它將起作用。但在Chrome中，故事是不同的。

編輯：鏈接被打破，似乎缺少www。前綴： http://www.getformgallery.com/demo/gos-form.html

來源

2011-03-16 user661987

斷開連接的人 – corroded 2011-03-16 07:07:14

這是什麼問題與Chrome？它似乎在爲我工作。 – kgiannakakis 2011-03-16 07:10:44

也適用於我（Chrome 10.0）。 – 2011-03-21 00:58:53

-1

我使用的是Google Chrome 18，即使在直接轉到SVG圖像後，我也可以使用樣本頁呈現給我。這個問題可能由瀏覽器製造商解決。

來源

2012-01-22 21:10:53 Jarvix

-2

在chrome中支持SVG文件，但不完全支持。有時你可能會遇到一些問題。試試這個鏈接來獲得對你答案的幫助。

http://upload.wikimedia.org/wikipedia/commons/f/f6/Western_Australia_Local_Government_Areas.svg

來源

2013-10-24 13:42:48 vicky

-2

的Chrome，Firefox，歌劇，Safari和其他所有現代瀏覽器（IE瀏覽除外），原生支持SVG，而不需要插件。所以你得到插件第一，並嘗試做訪問

來源

2014-01-28 06:27:15 user3209468

你用SVG英雄擴展名從Photoshop導出SVG嗎？如果是這樣，你是否導出了一個智能對象？我遇到了同樣的問題，但通過從Illustrator保存SVG來修復它。現在我的SVG適用於所有瀏覽器。

來源

2015-05-05 01:27:28 rjtkoh

我有同樣的問題。在某些Chrome更新我在網站中使用的svg之前，Chrome瀏覽器會更新這些svg無法正常工作，並且頁面也不會加載，只需加載1-2s，然後重定向到Aw，即可。

最後我弄明白了。您必須在對象標籤中定義「寬度」和「高度」。

<object height="100%" width="100%"data="images/image.svg" type="image/svg+xml"></object>

來源

2016-04-18 09:58:42

我在一個菜單中有一些SVG圖標，其中只有12個在Android上的Chrome 55中加載，但桌面很好。我使用的是標籤，所以我的解決方法是在我的.css文件中添加'img {height：100％，width：100％}'。然後，所有的行爲都很好。我想到的是，2個SVG文件確實將它們自己的高度和寬度定義爲像素尺寸。不渲染的文件使用100％的高度/寬度，並依靠視框進行大小調整。 – 2017-03-07 20:24:33

Chrome瀏覽器沒有顯示SVG文件

回答

相關問題