我有一个我在Illustrator中创建的svg文件，它由一个模式组成 - 它是使用swatch工具制作的。当我尝试在本地加载它时，它在浏览器中显示为空白。
如果您要对其进行测试，请输入以下文件：http://d.pr/ZvhV
答案 0 :(得分：5)
如果您发现它可以在Firefox，IE或Edge上运行但不能在Chrome上运行，这也是我的问题。
我通过在文本编辑器中打开.SVG文件修复了该错误，并且在所有看到此标记的地方：
xlink:href="data:img/png;base64
我用
替换了
xlink:href="data:image/png;base64
此问题已修复，并立即显示。希望这对某人有帮助！
答案 1 :(得分：1)
希望您对此进行排序，但对于遇到此问题的其他人： 在Illustrator中检查另存为.svg设置。
标准设置给了我一个空白的.svg，但是当我搞乱设置时（字体类型：SVG，CSS属性：样式属性，输出更少的元素未选中，包括XMP检查）它运行正常。
另外，在网站上使用.svg是很好的，只要你有不支持它们的浏览器的后备。我相信modernizr（http://modernizr.com/）涵盖了这一点。
答案 2 :(得分：0)
浏览器具有不同级别的SVG支持，因此您的浏览器可能不支持模式。
如果它是网站的一部分，我只是将其导出为PNG，因为这样的矢量图像会让访问者陷入困境。电脑无论如何。