领先的免费Web技术教程,涵盖HTML到ASP.NET

网站首页 > 知识剖析 正文

Svg的路径分离,记录一次工具的使用

nixiaole 2025-01-04 22:20:11 知识剖析 25 ℃

起因:最近想做一个天气的模块,以前使用过和风天气和风天气 | 商业气象服务商, 天气预报,灾害预警,台风路径,卫星云图,天气API/SDK/APP, 天气插件, 历史天气, 气象可视化,免费订阅每日有1000次调用额度,一般不频繁的都够了,其中有根据数据返回icon显示天气图标,从其官网下载icon文件,以300为例,svg文中路径path是一个整体,不利于分部分颜色渲染。作为一个程序员如果有美工朋友,直接给美工三下五除二就搞定了,只有一个人只能直接解决问题了。


遇到问题用豆包来找下答案


Adode的软件是收费的,所以选了Inkscape,一款开源的适量图像编辑软件主页 | Inkscape,加载Svg文件,路径-分离然后另存为svg文件即可


最后就是根据自己需要,给每个部分设置填充颜色


Tags:

最近发表
标签列表