Question

我在一个HTML5文件中嵌入了SVG ilustration，当我在本地尝试时，它可以在所有现代浏览器中运行，但是当我尝试从网络上提供它们时，我没有让Chrome渲染SVG图像，它只会呈现SVG源代码。我已经将这些行添加到.htaccess文件中，该文件解决了Safari和Firefox中的问题：

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

Answer 1

我有同样的问题。在某些Chrome更新之前，我在我网站上使用的svg有效，但是从某些Chrome更新中，这些svg无法正常工作，页面也无法加载，只需加载1-2秒，然后重定向到Aw，快照。

最后我弄清楚了。你必须定义＆＃34; width＆＃34;和＆＃34;身高＆＃34;在Object标签中例如。

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

Answer 2

您是否使用像SVG Hero这样的扩展程序从Photoshop导出SVG？如果是这样，你导出了一个智能对象吗？我有同样的问题，但通过从Illustrator中保存SVG来修复它。现在我的SVG适用于所有浏览器。

Answer 3

我正在使用谷歌浏览器18，即使直接转到SVG图像，样本页面渲染也没问题。这个问题可能会被浏览器制造商解决。

Answer 4

如果运行lighttpd，则可能必须将svg mime类型添加到配置文件：

mimetype.assign             = (
  ".svg"          =>      "image/svg+xml"
)

，然后将样式直接设置到<img>标记（即<img style="width:100%" src="picture.svg">）中。

Answer 5

Chrome支持SVG文件，但不完全支持。您有时可能会遇到一些问题。试试这个链接以获得答案的帮助。

Answer 6

Chrome，Firefox，Opera，Safari和所有其他现代浏览器（IE除外）本机支持SVG，无需插件。所以你得到插件首先尝试访问