在 Android Studio 中使用包含文本的 SVG 创建资产时，SVG 文本消失了

Question

我正在使用 Android Studio 中的 Asset Studio 从包含文本的 SVG 文件创建矢量资产。

但是文字不见了，我只能看到图像。

这是SVG文件内容，

<svg xmlns="http://www.w3.org/2000/svg" viewBox="-21895 -10897.906 36 30.996">
  <defs>
    <style>
      .cls-1 {
        fill: #e94b35;
      }

      .cls-2 {
        fill: #891212;
      }

      .cls-3 {
        fill: #fff;
        font-size: 12px;
        font-family: HelveticaNeue-Bold, Helvetica Neue;
        font-weight: 700;
      }
    </style>
  </defs>
  <g id="label-new" transform="translate(-21896 -10967.906)">
    <g id="id1" data-name="id 264" transform="translate(1 70)">
      <rect id="id_278999" data-name="id 278999" class="cls-1" width="36" height="25"/>
    </g>
    <path id="id_61" data-name="id 61" class="cls-2" d="M6,0V4.33H0Z" transform="translate(1 100.996) rotate(-90)"/>
    <text id="new" class="cls-3" transform="translate(7 85)"><tspan x="0" y="0">new</tspan></text>
  </g>
</svg>

如何正确创建矢量资产？

Answer 1

您可以使用此云工具将 SVG 转换为 Android Studio 支持的文本。

1. 上传您的 SVG 文件。
2. 选择转换为 SVG。
3. 单击 SVG 选项旁边的设置图标，然后为带有文本的 SVG 选择“是”。
4. 现在您有了带有文本的 SVG 文件，其中文本作为路径标记。