Android 矢量绘图<text>不支持，<tspan> 不支持

Question

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

如何将这种类型的svg导出到可绘制的矢量？ 这甚至可能吗？ 还是我应该寻找新的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”|“New Vector Asset”并选择保存在（3）中的文件。

Answer 3

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

Answer 4

在 Adob​​e XD 中

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

或 选择文本并按CTRL + 8对于 Windows）或⌘ + 8对于 macOS）

Answer 5

如果您使用的是Sketch，请选择文本并执行“转换为轮廓”操作。

Answer 6

在 Adob​​e Illustrator 中选择您的文本并右键单击，然后单击创建轮廓。

Answer 7

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

当您同时获得图像 + 文本并将它们导出为 SVG 文件并在 android drawable 中作为矢量导入时，则只显示图像而没有文本。

如果您遇到同样的问题，那么这里有一种将文本添加到 SVG 文件的方法。 就是这样：

1. 首先，您需要在您的机器上安装 Adob​​e Illustrator。
2. 接下来，当您添加文本 + 图像或简单的文本并完成所有自定义时，然后全选并转到对象 > 展开 > 确定。
3. 就这样。 现在只需将您的媒体导出为 SVG 文件，您就可以开始使用了。