我遇到了SVG文件的问题。在浏览器中直接打开文档时,SVG文件看起来很好。
http://imgh.us/websdeign-icon@3x.svg
但是当我使用codepen或将其放到我的服务器上时,黑色背景消失了。
https://codepen.io/anon/pen/vxvBOV
发生了什么事?
答案 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