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

标签 android android-studio svg photoshop sketchapp

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

最佳答案

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

关于android - 从 Sketch 导出到 SVG 不允许导入到 android studio,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59455572/

相关文章:

使用 setMax 动态设置最大值后,Android SeekBar 不刷新

java - 实现可分包

android - 使用 Android 数据绑定(bind)将列表类型导入 xml 文件时出错

html - 如何在 SVG 中绘制垂直线

javascript - 在 D3.js 中动态减少数据

android - ExoPlayer缓存

java - Android AES/CBC/PKCS5Padding 加密

android - 模拟器无法启动

android - 错误:Execution failed for task ':app:transformClassesWithDexForDebug' .没有解决

javascript - Highchart 样式问题。图表未显示,因为它是编码的