html – Chrome不显示SVG文件

发布时间：2020-12-14 21:28:16 所属栏目：资源来源：网络整理

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

我有一个嵌入在一个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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!