码迷,mamicode.com
首页 > Web开发 > 详细

Error: postcss-svgo: Error in parsing SVG: Unquoted attribute value 无法解析svg

时间:2019-01-30 23:11:16      阅读:344      评论:0      收藏:0      [点我收藏+]

标签:url   cap   www.   无法   attr   att   charset   nbsp   round   

把SVG用双引号包起来

background-image: url("data:image/svg+xml;charset=utf-8,\"<svg viewBox=\‘0 0 120 120\‘ xmlns=\‘http://www.w3.org/2000/svg\‘ xmlns:xlink=\‘http://www.w3.org/1999/xlink\‘><defs><line id=\‘l\‘ x1=\‘60\‘ x2=\‘60\‘ y1=\‘7\‘ y2=\‘27\‘ stroke=\‘%23fff\‘ stroke-width=\‘11\‘ stroke-linecap=\‘round\‘/></defs><g><use xlink:href=\‘%23l\‘ opacity=\‘.27\‘/><use xlink:href=\‘%23l\‘ opacity=\‘.27\‘ transform=\‘rotate(30 60,60)\‘/><use xlink:href=\‘%23l\‘ opacity=\‘.27\‘ transform=\‘rotate(60 60,60)\‘/><use xlink:href=\‘%23l\‘ opacity=\‘.27\‘ transform=\‘rotate(90 60,60)\‘/><use xlink:href=\‘%23l\‘ opacity=\‘.27\‘ transform=\‘rotate(120 60,60)\‘/><use xlink:href=\‘%23l\‘ opacity=\‘.27\‘ transform=\‘rotate(150 60,60)\‘/><use xlink:href=\‘%23l\‘ opacity=\‘.37\‘ transform=\‘rotate(180 60,60)\‘/><use xlink:href=\‘%23l\‘ opacity=\‘.46\‘ transform=\‘rotate(210 60,60)\‘/><use xlink:href=\‘%23l\‘ opacity=\‘.56\‘ transform=\‘rotate(240 60,60)\‘/><use xlink:href=\‘%23l\‘ opacity=\‘.66\‘ transform=\‘rotate(270 60,60)\‘/><use xlink:href=\‘%23l\‘ opacity=\‘.75\‘ transform=\‘rotate(300 60,60)\‘/><use xlink:href=\‘%23l\‘ opacity=\‘.85\‘ transform=\‘rotate(330 60,60)\‘/></g></svg>\"")

我把 "data:image/svg+xml;charset=utf-8,\"<svg. viewBox .......></svg>\"

用双引号包起来也不行, 然后把 <svg> </svg> 用双引号包起来就行了  注意用反斜杠转义双引号 

Error: postcss-svgo: Error in parsing SVG: Unquoted attribute value 无法解析svg

标签:url   cap   www.   无法   attr   att   charset   nbsp   round   

原文地址:https://www.cnblogs.com/mutaim/p/10339935.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!