文章

记录svg格式显示问题

记录svg格式显示问题

记录svg格式显示问题

项目中使用了react-native-svg 来显示svg图标,通过蓝湖下载的SVG图标显示黑色 没有样式填充,同时将该SVG上传至iconfont平台也有报错提示:

1723685853757-75bbf727-6164-45f8-88ce-68d601d3e8ec.png

下面是一张由蓝湖下载的SVG图标源码:

:::success `<svg xmlns=”http://www.w3.org/2000/svg” xmlns:xlink=”http://www.w3.org/1999/xlink” width=”38” height=”38”

1
 viewBox="0 0 38 38">
``` ``` ``` ``` ``` ```

</svg>

:::

根据提示应该是某种原因<style>里的url无法识别

经过尝试,解决办法如下:

将每个class对应的样式写到内部去,同时删掉**

这样就能正常使用了(具体原因待调研)

:::color2 `<svg xmlns=”http://www.w3.org/2000/svg” xmlns:xlink=”http://www.w3.org/1999/xlink” width=”38” height=”38”

1
 viewBox="0 0 38 38">
``` ``` ``` ``` ``` ```

</svg>

:::

本文由作者按照 CC BY 4.0 进行授权