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

Android Vector Drawable <text> not support, <tspan> not support

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

如何将这种类型的 svg 导出为矢量绘图?这可能吗?或者我应该寻找一个新的 svg

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

如果有人来到这里是因为他们的 Inkscape SVG 文本导入 Android 产生了同样的错误(并且没有显示文本),那么一定要在 Inkscape 中使用 [=22= 将文本转换为路径] 菜单:

  1. [在 Inkscape 中]Select 文本块。
  2. [在 Inkscape 中] 菜单 "Path | Object To Path"
  3. 另存为"Inkscape SVG"
  4. [Android Studio] 导入 SVG("Right-click on app/res/drawable" | "New Vector Asset" 和 select 文件保存在 (3) 中。

如果您使用的是 adobe illustrator,请将 'font' 设置为 'convert to outlines'...对我有用

Select 您在 Adob​​e Illustrator 中的文本并右键单击,然后单击“创建轮廓”。

如果您使用的是 Sketch select,文本和“转换为轮廓”将起作用。

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

当您同时获得图像 + 文本并将它们导出为 SVG 文件并导入 android 可绘制为矢量时,则只显示图像而没有文本。

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

  1. 首先,您需要在您的机器上安装 Adob​​e illustrator。
  2. 接下来,当您添加文本 + 图像或仅添加文本并完成所有自定义设置时,然后 select 全部并转到对象 > 展开 > 确定。
  3. 就是这样。现在只需将您的媒体导出为 SVG 文件即可。

在 Adob​​e XD 中

  1. Select 文字
  2. 转到 Object -> Path -> Convert to Path

OR Select text 和 CTRL + 8 for Windows or + 8 for macOS