从Sketch导出到SVG不允许导入到Android Studio

我有一个PNG,我是在photoshop中使用图标和一些文本的PNG制作的。我在将其从Sketch或Photoshop导出为SVG时遇到问题,当尝试导入时,我在草图中使用复制SVG代码直接获取SVG时得到Error: No vector content found


<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=...,如果是这种情况,我该如何将其展平为路径(猜猜这就是我要做的)。

lihuangwu 回答:从Sketch导出到SVG不允许导入到Android Studio

如果使用Photoshop设计所需的内容,则它是基于栅格的工具,而不是基于svg(矢量)的工具。您从Photoshop中获得的所有内容都将成为光栅化文件。如果要寻找SVG导出,则必须使用Sketch App的Adobe Illustrator,XD来获取svg格式的文件。在这些工具中设计图标,徽标和其他“图形”内容,然后将文件导出为SVG。祝你好运!

,

如果图像为PNG文件格式,则它是光栅图像,而不是SVG矢量。因此,要将图像包含在矢量中以获得矢量图像的所有好处(无限可伸缩性等),您应该首先将其转换为基于矢量的图形。最好的方法是在Illustrator中跟踪图像(主菜单->对象->图像跟踪),然后根据需要调整跟踪设置以获得更好的结果,这取决于图像。之后,您将能够将图像另存为SVG。

这是一个简短的截屏视频,介绍如何将光栅图像转换为矢量图像: https://www.screencast.com/t/tCmaSGTYa

P.S。当然,可以将栅格图像嵌入到SVG中,但是在这种情况下,它将是伪造的矢量图像,在调整其大小后会变得模糊(我相信这不是您想要在应用程序中使用的图像)。

希望这对您有帮助?节日快乐! ?

本文链接:https://www.f2er.com/2872854.html

大家都在问