SVG在线没有背景颜色

时间:2017-03-30 18:24:32

标签: svg

我遇到了SVG文件的问题。在浏览器中直接打开文档时,SVG文件看起来很好。

http://imgh.us/websdeign-icon@3x.svg 

但是当我使用codepen或将其放到我的服务器上时,黑色背景消失了。

https://codepen.io/anon/pen/vxvBOV

发生了什么事?

1 个答案:

答案 0 :(得分:0)

您的svg文件(黑色背景)中似乎有一个base64编码的图像。似乎浏览器难以解析嵌入了base64代码的svg文件,如果它被添加为img标记的源代码。尝试直接将svg代码复制并粘贴到codepen - 这次你会看到黑色背景停留。

我的建议是从svg文件中删除base64图像,或者嵌入svg代码。看看官方的W3文档,阅读更多有关此事的内容:https://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html#SVG_in_HTML