Chrome未显示SVG文件

use*_*987 18 html svg google-chrome

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

AddType image/svg+xml svg
AddType image/svg+xml svgz
AddEncoding x-gzip .svgz
Run Code Online (Sandbox Code Playgroud)

但Chrome现在是唯一一款来自网络时无法呈现图片的浏览器.我的本地文件即使在Chrome中也能正常运行.

我错过了什么?

这是问题示例的链接,在Safari和Firefox上试用,它会起作用.但在Chrome中,故事情况则有所不同.

编辑:链接被打破,似乎缺少www.前缀:http: //www.getformgallery.com/demo/gos-form.html

小智 9

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

最后我弄清楚了.你必须在Object标签中定义"width"和"height",例如.

<object height="100%" width="100%"data="images/image.svg" type="image/svg+xml"></object>
Run Code Online (Sandbox Code Playgroud)


Jar*_*vix 0

我使用的是 Google Chrome 18,即使直接转到 SVG 图像,示例页面对我来说渲染效果也很好。这个问题可能会被浏览器制造商解决。