如何可视化查看Android矢量Drawable XML并转换为SVG？

方法1：手动生成SVG文件 #

Android矢量Drawable的pathData和SVG路径的d属性完全兼容，你可以直接手动拼接成SVG文件：

1. 新建一个文本文件，粘贴以下模板（已替换你提供的pathData内容）：

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  <path d="M12,2C6.48,2 2,6.48 2,12s4.48,10 10,10 10,-4.48 10,-10S17.52,2 12,2zM17,13h-4v4h-2v-4L7,13v-2h4L11,7h2v4h4v2z" fill="#000000"/>
</svg>

2. 将文件后缀改为.svg，直接用浏览器或图片查看器打开就能看到可视化效果。

方法2：用Android Studio预览导出 #

如果你已经安装了Android Studio：

• 把拆解出的矢量Drawable XML文件导入到Android Studio项目中
• 打开该XML文件，切换到Design视图，就能直接看到图标的可视化效果
• 右键点击Design视图中的图标，选择Export Vector Asset，按提示选择导出格式为SVG即可

方法3：用开源矢量工具导入 #

以免费开源的Inkscape为例：

• 打开Inkscape新建空白文档
• 复制你的pathData纯内容（即M12,2C6.48,2 2,6.48 2,12s4.48,10 10,10 10,-4.48 10,-10S17.52,2 12,2zM17,13h-4v4h-2v-4L7,13v-2h4L11,7h2v4h4v2z）到剪贴板
• 打开软件顶部的路径菜单，选择从剪贴板粘贴路径，即可看到图形，之后直接保存为SVG格式即可

内容的提问来源于stack exchange，提问作者denbon