我现在有一些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