Android Vector Drawable <text>不支持，<tspan>不支持

Question

In icon.svg
ERROR@ line 9 <text> is not supported
ERROR@ line 10 <tspan> is not supported

如何将此类svg导出为矢量drawable？这甚至可能吗？或者我应该寻找新的svg？

Answer 1

遇到相同问题时，我使用免费的在线转换器CloudConvert将我的SVG转换为另一个SVG，并将它们的设置Text To Path标记为yes，其中转换后的SVG像魅力一样在我的Android Studio中打开。

Answer 2

如果有人因为将带有导入到Android的文本的Inkscape SVG产生了相同的错误（并且没有显示文本）而到达此处，请确保在Inkscape中使用“对象到路径”菜单将文本转换为路径：

1. [Inkscape]中选择文本块。
2. [在Inkscape中]菜单“路径|对象到路径”
3. 另存为“ Inkscape SVG”
4. [Android Studio]导入SVG（“右键单击app / res / drawable” |“新建矢量资产”，然后选择保存在（3）中的文件。

Answer 3

如果您使用的是Adobe illustrator，请将“字体”设置为“转换为轮廓” ...为我工作

Answer 4

在 Adob​​e XD 中

1. 选择文本
2. 转到Object -> Path -> Convert to Path。

OR 选择文本和 CTRL + 8（Windows）或 ⌘ + 8（macOS）

Answer 5

如果您使用素描，请选择文本并执行“转换为轮廓”。

Answer 6

在Adobe Illustrator中选择文本，然后单击鼠标右键，然后单击“创建轮廓”。

Answer 7

嗯，这种方法非常适合同时具有图像和文字的启动画面徽标。

当您同时拥有图像和文本并将它们导出为SVG文件并导入android drawable作为矢量时，则仅显示图像而没有文本。

如果您遇到同样的问题，可以通过以下方法将文本添加到SVG文件中。方法如下：

1. 首先，您需要在计算机上安装Adobe illustrator。
2. 接下来，当您添加文本+图片或仅添加文本并完成所有自定义设置后，请全选所有内容，然后转到“对象”>“展开”>“确定”。
3. 仅此而已。现在，只需将媒体导出为SVG文件，即可开始使用。