首页 文章

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

提问于
浏览 次
0

我和我的团队正试图在我们的UWP win10应用程序中添加一些.svg图标（目标和最小版本是Windows 10 Fall Creators更新） .

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

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

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

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

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

enter image description here

原来的svg看起来像这样：

enter image description here

这是SVG的源代码

我尝试调整拉伸，宽度，高度等等，但我似乎无法让它工作 .

xaml svg uwp windows-10-universal

4 回答

  • 2

    这是Adobe Illustrator的一个已知问题，请尝试使用其SVG导出设置 .

    回复于
  • -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 =“...”并手动应用该样式 .

    回复于
  • 2

    如果您使用插图画家，那么尝试更改样式 . 它应该像Style Attributes .
    enter image description here

    回复于
  • 0

    UWP只是部分支持SVG Ver 1.1规范（参见SVG Support）

    并且它不支持类似CSS的样式 .

    See image

    如果您使用Adobe Illustrator导出图像，则可以使用导出设置进行播放：AI export Settings

    或者手动制作：See image

    或者用我的工具：

    此工具只是直接将css样式内联到svg元素 .

    回复于

相关问题