SVG的某些部分未显示

时间:2018-02-10 22:33:28

标签: css google-chrome svg

我现在有一些SVG文件的问题。我试图将我网站上的徽标设置为SVG,现在它已经存在,我的朋友们可以看到它(移动浏览器,狩猎),但我在铱星(Chrome)上并且没有看到它。我在移动设备上试过Chrome,我尝试过Brave(我认为它也基于Chrome)并且都没有用过。 IE和Firefox(昆腾)确实显示文件没有问题,但只有部分显示在任何基于chrome的浏览器上。

这是我在chrome上看到的截图: https://i.gyazo.com/8912785d57756c5cda09c941f4fa3542.png

这是我应该看到的截图(Firefox): https://i.gyazo.com/57272d67a4406243f6ea1aeeb89d7138.png

一些额外的细节。

- 文本部分是图像,女孩也是。在Chrome中显示的矩形是一个实际的矩形。比如,从Photoshop导出时它就是形状路径。

- 当我用chrome打开图像时(只是图像,没有嵌入到网站上),它显示正常。我可以玩尺寸,做任何事情,一切都很完美。

- SVG大小到处都是100%,父div是我需要的大小,所以不是问题。我在嵌入SVG方面并不陌生,我也在网站上使用了很多SVG。

- 浏览器控制台中没有错误,不是我确定无论如何都会出错。

编辑:包含的代码: https://hastebin.com/fugodijiwa.xml

0 个答案:

没有答案