有什么想法为什么图案化SVG文件在浏览器中显示为空白？

Question

我在Illustrator中创建了一个由图案组成的svg文件-它是使用色板工具制成的。当我尝试在本地加载它时，它在浏览器中显示为空白。

如果要测试，请参见以下文件：http : //d.pr/ZvhV

Answer 1

如果您发现它可以在Firefox，IE或Edge上运行但不能在Chrome上运行，这也是我的问题。

我通过在文本编辑器中打开.SVG文件来修复它，并且在所有看到该标签的地方：

xlink:href="data:img/png;base64

我将其替换为

xlink:href="data:image/png;base64

对其进行了修复，并立即显示。希望这可以帮助某人！