SVG 图像在 UWP 应用程序中显示为黑色

Question

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

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

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

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

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

我尝试了几种不同的 svgs，它们都以正确的形状渲染，但都是黑色的（第一个是铅笔）：

原始的 svg 看起来像这样：

这是SVG的源代码

我尝试调整拉伸、宽度、高度等，但我似乎无法让它发挥作用。

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="..." 并手动应用样式。