xaml - 在 UWP 应用程序中显示的 SVG 图像变黑

Question

我和我的团队正在尝试在我们的 UWP win10 应用程序中放置一些 .svg 图标(目标和最小版本是 Windows 10 Fall Creators 更新)。

在我的资源文件中，我将 SvgImageSource 定义如下:

<SvgImageSource x:Key="PencilIcon" UriSource="Images/DeviceMenu/Icon_EditMode_grey.svg" />

然后我继续在我的组件中使用这个图像源:

<Image Source="{StaticResource PencilIcon}" />

我尝试了几种不同的 svg，它们都以正确的形状呈现，但都是黑色的(第一个是铅笔):



原始 svg 如下所示:



这里是 SVG的源代码

我尝试调整拉伸(stretch)、宽度、高度等，但我似乎无法让它工作。

Answer 1

UWP 不知道什么是 CSS 样式。
就我而言，有这样的:

<style
     type="text/css"
     id="style2">
    .st0{fill:#996459;}
    .st1{fill:#FFFFFF;}
    .st2{fill:#B4B6BC;}
    .st3{fill:#5C546A;}
    .st4{fill:#868491;}
    .st5{fill:#0F4499;}
</style>

要为 UWP 解决此问题，请找到每个 class="..."并手动应用样式。