无法转换 SVG

作者: NevisAdam创建于 2023年4月12日更新于 2023年4月12日

□你做了什麽? 我把以下的SVG贴入了编辑器: <svg宽="208"高="398"取景框="0·0·208·398"填充="无" xmlns="http://www.w3.org/2000/svg". <path d='M20 20C20 16.134 23.134 13 27 13V13C30.866 13 34 16.134 34 20V20C34 23.866 30.866 27 27V27C23.134 27 23.866 20V20Z" fill="#EDF1F2"/". <path d="M42 13H114V27H42V13Z"填充="#EDF1F2"/". <path d="M20 48H60V58H20V48Z"填充="#EDF1F2"/". <path d="M100 76V62H20V76H100Z"填充="#EDF1F2"/". <path d="M20 84H60V94H20V84Z" fill="#EDF1F2"/". <path d="M100 112V98H20V112H100Z"填充="#EDF1F2"/". <path d="M20 120H60V130H20V120Z"填充="#EDF1F2"/". <path d="M100 148V134H20V148H100Z"填充="#EDF1F2"/". <path d="M20 172H60V182H20V172Z"填充="#EDF1F2"/". <path d="M100 200V186H20V200H100Z"填充="#EDF1F2"/". <path d='M20 204H188V228H20V204Z>填充="#EDF1F2"/". <路径d='M76 243C76236.925 71.0751 232 65 232H31C24.9249 232 20 236.925 20 243C20 249.075 24.9249 254 31 254H65C71.0751 254 76 249.075 76 243Z" fill="#EDF1F2"/". <path d="M20 270H60V280H20V270Z"填充="#EDF1F2"/". <path d="M140 284H20V298H140V284Z"填充="#EDF1F2"/". <path d='M20 302H116V316H20V302Z>填充="#EDF1F2"/". <path d='M60 332H20V342H60V332Z>填充="#EDF1F2"/". <path d="M20 346H140V360H20V346Z"填充="#EDF1F2"/". <path d='M116 364H20V378H116V364Z" fill="#EDF1F2"/". <path fill-rule="Evenod" 剪接-rule="Evenod" ="Evenod" d="M196 0H12 C5.37258 0 5.37258 0 12V386C0 392.627 5.37259 398 12 398H196C202627 39627 208 386V208 5.37258 202 0 196 0 ZM4 12C758172 7.58172 7.58172 7.58172 4 4 H196C200.418 4 204 204 12V36H4V12ZM4 40H204V4V40ZM4 164V3864C339418 7.58173 394 12 394H96C200418 390418 20439418 204V164H4Z" 填充"#EDF2"/> </svg> >

□你期望会发生什么? 转换成合适的内容装入器.

□到底发生了什么? 转换发生,但预览没有显示任何内容,并在开发者控制台中得到了这些错误:

  • 错误:属性d:预期弧旗 ('0'或'1'),“.M 4 12 a 8 0 18 -8 h 184 a 8...”。
  • 错误:属性d:预期数字,“. 7 0 1114 0 7 a 0 11 - 14 0 z M...”。

QQ 哪些版本的反应- 内容- loader, 哪些浏览器受到这个问题的影响 ? 6.0.3是反应-内容-装入器的版本. 我用角法 上面提到的问题也被粘入密码 我在Windows 10和Ubuntu上使用铬(111.05563.147),但它也在Windows上的Firefox中出现(它显示的是基本的矩形,但不显示内部的细节). 我还要提到,我从一个Figma文件(Figma)中输出了这个SVG

内容来源: danilowoz/react-content-loader