提取合并 svg 文件中的 path

需求背景#

有一个 svg 文件,但只需要里面的 path 数据,并且最好是合并的 path。

工具#

GIMP GIMP - Downloads

除了可以提取 path 之外,还可以辅助修改图片的尺寸。

Step 1 打开 svg 文件#

Step 2 调整大小,选择导入路径#

在打开 svg 文件的弹窗中,完成大小的调整,并选择导入路径。

2.1 调整大小

将宽度和高度的较大者,调整成符合需求的大小。如需要的是 32*32 的图片,这里将宽度调整为 32,按 Enter 或者失去焦点确认。高度会自动变化。

2.2 导入路径
选择 “导入路径” 和 “合并导入的路径”

Step 3 导出 path#

在窗口中,打开路径操作窗口

选中导入的路径,鼠标右键,选择导出路径

导出的也是一个 svg 文件

Step 4 提取 path#

使用文本编辑器打开导出的文件,即可得到合并之后的 path 数据。

上图属性 d 中的数据,M 13.79,8.79 C ... ... 就是 path 数据了。

参考#

html - is there a tool to create SVG paths from an SVG file? - Stack Overflow

其它工具:

dotnet-campus/dotnetCampus.SvgPathCombiner: A tool to convert svg to xaml and combine all the paths into a single one. 将 SVG 转换成 XAML 的工具,也可以将 SVG 中所有的路径合并成一个路径。

作者:JasonGrass

出处:https://www.cnblogs.com/jasongrass/p/16011765.html

版权:本作品采用「署名 4.0 国际」许可协议进行许可。

posted @   J.晒太阳的猫  阅读(2585)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
more_horiz
keyboard_arrow_up light_mode palette
选择主题
menu
点击右上角即可分享
微信分享提示