我在一个 HTML5 文件中嵌入了一个 SVG 插图，当我在本地尝试它时，它可以在所有现代浏览器中运行，但是当我尝试从网络上为它们提供服务时，我没有让 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
最佳答案
我也遇到了同样的问题。在某些 Chrome 更新之前，我在我的网站中使用的 svg 可以工作，但是在某些 Chrome 更新中，这些 svg 没有工作，页面也不会加载，只加载 1-2 秒，然后重定向到 Aw，snap。
我终于明白了。您必须在对象标签中定义“宽度”和“高度” 例如。
<object height="100%" width="100%"data="images/image.svg" type="image/svg+xml"></object>
关于html - Chrome 不显示 SVG 文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5321984/