html – Chrome不显示SVG文件

前端之家收集整理的这篇文章主要介绍了html – Chrome不显示SVG文件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个嵌入在一个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

解决方法

我有同样的问题。在某些Chrome更新之前,我在网站上使用的svg可以工作,但是从某些Chrome更新,那些svg没有工作,该页面也不会加载,只需加载1-2秒,然后重定向到Aw。

最后我想出来您必须在Object标签中定义“width”和“height”
例如。

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

猜你在找的HTML相关文章