Flutter自定义图标生成:fluttericon设置stroke-width不生效如何解决
fluttericon.com stroke-width配置不生效解决方案
问题原因
fluttericon.com的导入解析逻辑默认不支持识别用户手动新增的stroke-width自定义字段,你在config.json里额外添加的该字段会在导入阶段被直接过滤,因此会出现下载后字段丢失、图标线条粗细无变化的情况。
可行解决步骤
- 优先选择修改原始SVG源文件的方案:打开你要上传的所有图标SVG文件,给
<path>等绘图标签统一设置stroke-width属性为你需要的数值,注意如果SVG原本是填充(fill)渲染模式,需要先调整为描边(stroke)模式再修改描边宽度,避免配置不生效。 - 修改完成后直接把调整好的SVG文件拖入fluttericon.com的上传区域,不要通过上传修改后的config.json的方式导入配置。
- 在网站预览区确认所有图标线条粗细符合预期后,再点击下载生成ttf字体文件和对应配置即可。
如果你确实需要通过config.json配置调整,需要找到config.json中每个图标对应svg项的path字段,直接修改路径数据内的描边属性,而非额外新增stroke-width字段,不过该方案操作复杂度更高,更推荐直接修改原始SVG的方案。
内容的提问来源于stack exchange,提问作者BeniaminoBaggins
相关产品推荐
相关产品推荐

