我有一个在 Illustrator 中创建的 svg 文件，其中包含一个图案 - 它是使用色板工具制作的。当我尝试在本地加载它时，它在浏览器中显示为空白。
如果你想测试它，这里是文件：http: //d.pr/ZvhV
问问题
13022 次
3 回答
28
如果您发现它在 Firefox、IE 或 Edge 中有效，但在 Chrome 中无效，这也是我的问题。
我通过在文本编辑器中打开 .SVG 文件来修复它，并且在任何地方我都看到了这个标签：
xlink:href="data:img/png;base64
我把它替换为
xlink:href="data:image/png;base64
这修复了它，它立即显示。希望这可以帮助某人！
于 2019-08-06T01:45:29.870 回答
1
希望您对此进行了排序，但对于遇到此问题的其他人：检查 Illustrator 中的另存为 .svg 设置。
标准设置给了我一个空白的 .svg，但是当我弄乱了设置（字体类型：SVG，CSS 属性：样式属性，未选中输出更少元素，包括 XMP 选中）时，它工作得很好。
附带说明一下，在网站上使用 .svg 很好，只要您有不支持它们的浏览器的后备方案。我相信modernizr（http://modernizr.com/）涵盖了设置。
于 2013-04-11T11:11:24.027 回答
1
浏览器具有不同级别的 SVG 支持，因此您的浏览器可能不支持模式。
如果它是网站的一部分，我只会将其导出为 PNG，作为矢量图像，如此大的图像无论如何都会使访问者的计算机陷入困境。
于 2012-02-22T02:56:38.643 回答