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

回答

相关问题