Vector Asset Studio 正在将彩色 .svg 文件导入为黑白

Question

我正在使用找到的说明 here, from Google 使用新选项（2016 年 3 月）将 .svg 文件而不是 .png 文件导入可绘制文件。

我的问题是导入的文件是黑白的，尽管文件有很多颜色。

这是 .svg 文件的图像，由 Google Chrome 读取：

Vector Asset Studio 会这样读取同一个文件：

并且在应用程序中，图像显示为黑白。

知道为什么会这样吗？

正在 Adobe PhotoShop Creative Cloud 上生成 .svg 文件，我在 Mac.

上使用 Android Studio 1.5.1

谢谢！

编辑：为这个问题添加了 link to .svg file I'm using。

Answer 1

Android Studio 的 SVG 导入器有些受限。它只处理非常简单的 SVG 文件。而且我认为它不支持 <style> 元素或 class 属性。因此，您需要将 CSS 更改为 XML 属性。

例如：

<path class="st0" d="M163.3,10.8c2.4-0.5,6.2-0.9,10-0.9c5.5,0,9,0.9,11.6,3.1c2.2,1.6,3.5,4.1,3.5,7.5c0,4.1-2.7,7.7-7.2,9.3v0.1
    c4,1,8.7,4.3,8.7,10.6c0,3.6-1.4,6.4-3.6,8.5c-3,2.7-7.7,4-14.6,4c-3.8,0-6.7-0.3-8.5-0.5V10.8z M168.8,28.1h5c5.8,0,9.2-3,9.2-7.1
    c0-5-3.8-6.9-9.3-6.9c-2.5,0-4,0.2-4.8,0.4V28.1z M168.8,48.4c1.1,0.2,2.6,0.3,4.6,0.3c5.7,0,10.9-2.1,10.9-8.2
    c0-5.8-5-8.2-10.9-8.2h-4.5V48.4z"/>

将需要更改为：

<path fill="#007299" d="M163.3,10.8c2.4-0.5,6.2-0.9,10-0.9c5.5,0,9,0.9,11.6,3.1c2.2,1.6,3.5,4.1,3.5,7.5c0,4.1-2.7,7.7-7.2,9.3v0.1
    c4,1,8.7,4.3,8.7,10.6c0,3.6-1.4,6.4-3.6,8.5c-3,2.7-7.7,4-14.6,4c-3.8,0-6.7-0.3-8.5-0.5V10.8z M168.8,28.1h5c5.8,0,9.2-3,9.2-7.1
    c0-5-3.8-6.9-9.3-6.9c-2.5,0-4,0.2-4.8,0.4V28.1z M168.8,48.4c1.1,0.2,2.6,0.3,4.6,0.3c5.7,0,10.9-2.1,10.9-8.2
    c0-5.8-5-8.2-10.9-8.2h-4.5V48.4z"/>

其余 <path> 元素等等。

Answer 2

我也遇到了同样的问题，但是在上网查询之后终于找到了解决方案，这里是：-

完成插画设计后

1) 转到文件 --> 另存为 ---> Window 对话框打开 --> 输入 svg 的名称 --->点击保存

2) 现在显示 SVG 选项对话框 ---> 在左下角单击更多选项 ---> 在 CSS 属性下拉列表中 ---> Select演示文稿属性

此设置使 android 使用颜色导入的 svg 兼容代码！！

很抱歉让这个答案变得详细......为那些初学者做了这个

Answer 3

就这么简单在将图像添加到项目后，您可以直接从 svg xml 更改颜色。

当您将图像添加到您的项目时； svg 颜色必须是这样的：

android:fillColor="#000000"

只需要改成这样:

android:fillColor="#b3ff856d"

正在寻找android:fillColor

Vector Asset Studio 正在将彩色 .svg 文件导入为黑白

Vector Asset Studio is importing colorful .svg file as black and white

svg

android

vector-graphics

android-studio