Android Vector Drawable不支持<text>与<tspan>，如何导出此类SVG？

我之前也碰到过一模一样的问题——Android Vector Drawable的规范确实不支持<text>和<tspan>标签，所以直接导入带这类元素的SVG肯定会报错。不过这个问题是完全可以解决的，不用直接换SVG文件，下面给你具体的处理思路：

核心可行方案：把SVG中的文本转换为路径（Path） #

Android Vector Drawable完美支持<path>元素，所以只要把文本转成路径，就能正常导出/导入为Android兼容的Vector Drawable了。这里有几种简单的实现方式：

• 用Adobe Illustrator处理：

  1. 打开你的icon.svg文件
  2. 选中所有<text>/<tspan>对应的文本内容
  3. 右键点击选择「创建轮廓（Create Outlines）」，此时文本会被转换为矢量路径
  4. 导出为SVG：选择「文件→导出→导出为SVG」，在导出设置里选择「SVG 1.1」，并勾选「最小化」选项，避免多余代码

• 用免费工具Inkscape处理：

  1. 打开SVG文件，选中目标文本
  2. 点击顶部菜单栏「路径→对象转路径（Object to Path）」
  3. 保存为SVG：选择「文件→保存」，确保保存格式为SVG即可

• 手动修改SVG（适合懂基础SVG语法的情况）：
  如果不想用图形工具，你可以把<text>和<tspan>节点替换成对应的<path>代码。不过这个方法需要你能生成文本对应的路径数据，一般不推荐，除非你对SVG路径非常熟悉。

替代方案：更换SVG或拆分文本与图形 #

如果转路径的操作对你来说太繁琐，或者你的图标文本需要动态修改（比如多语言适配），可以考虑：

• 直接更换不含文本元素的SVG图标，重新设计时把文本做成矢量路径而非文本节点
• 把图标拆分为「矢量图形部分」和「文本部分」：用Vector Drawable展示图形，在布局中用TextView叠加在图形上方，这样还能灵活修改文本样式和内容

需要注意的是：如果你的图标文本是固定的（比如logo里的文字），转路径是最优解，这样整个图标是一个完整的Vector Drawable，适配各种分辨率都不会模糊。

内容的提问来源于stack exchange，提问作者Arka Prava Basu