android - 从 Sketch 导出到 SVG 不允许导入到 android studio

Question

我有一个 PNG，是我在 photoshop 中使用图标和一些文本的 PNG 制作的。我在尝试导入时从 Sketch 或 Photoshop 将其导出为 SVG 时遇到问题 我在草图中使用复制 SVG 代码直接获取 SVG 时收到 错误:未找到矢量内容 我'我越来越；

<svg width="150px" height="161px" viewBox="0 0 150 161" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g id="Login" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Login---no-data" transform="translate(-105.000000, -150.000000)">
            <image id="Logo" x="105" y="150" width="150" height="161" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUg.....TkSuQmCC"></image>
        </g>
    </g>
</svg>

来自 Photoshop；

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="238" height="252" viewBox="0 0 238 252">
  <image id="Gradient_Fill_1" data-name="Gradient Fill 1" width="238" height="252" xlink:href="data:img/png;base64,iVBORw0KGgoAAAAN.....U5ErkJggg=="/>
</svg>

(我已经缩短了两个 href 的数据以避免它变得庞大)

这两个都给出相同的错误。这里出了什么问题，我尝试使用在线转换将 PNG 转换为 SVG，但我仍然得到同样的结果。我假设 android studio 不支持 xlink:href=...，如果是这种情况，我该如何将其展平为路径(我猜测这就是我要做的)。

Answer 1

如果您使用 Photoshop 设计您想要的任何东西，它是基于光栅的工具，而不是基于 svg(矢量)的工具。你从 Photoshop 中得到的任何东西都会变成一个光栅化文件。如果您正在寻找 SVG 导出，那么您必须使用 Adob​​e Illustrator、Sketch App 的 XD 来获取 svg 格式的文件。在这些工具中设计您的图标、 Logo 和其他图形内容，并获取文件的 SVG 导出。祝你好运!