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

Question

我正在从SVG文件中创建一个向量资产，其中包含一个在Android中使用asset的文本。

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

这是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

您可以在Android中使用这个支持文本的云工具转换 SVG。

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