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

huus2vyu 于 2022-12-28 发布在其他

关注(0)|答案(5)|浏览(132)

我和我的团队正在尝试把一些.svg图标在我们的UWP win10应用程序（目标和最小版本是Windows 10秋季创作者更新）。
在我的资源文件中，我将SvgImageSource定义为：

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

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

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

我尝试了几种不同的svg，它们都呈现出正确的形状，但都是黑色的（第一个是铅笔）：

原始的svg看起来像这样：

下面是SVG的源代码
我试着调整拉伸，宽度，高度等，但我只是似乎不能得到这个工作。

xaml

来源：https://stackoverflow.com/questions/47557428/svg-images-shown-blacked-out-in-uwp-application

5条答案

按热度按时间

cygmwpex1#

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

赞(0）回复(0）举报 2022-12-28

3bygqnnd2#

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

赞(0）回复(0）举报 2022-12-28

rqcrx0a63#

如果illustrator使用样式：“演示属性“

赞(0）回复(0）举报 2022-12-28

qeeaahzv4#

如果你使用illustrator，那么尝试改变样式。它应该是类似样式属性的东西。

赞(0）回复(0）举报 2022-12-28

xvw2m8pv5#

UWP仅部分支持SVG Ver 1.1规范（参见SVG Support）
而且它不支持类似css的样式。
See image
您可以使用Adobe Illustrator的导出设置来导出图像：AI export Settings
或手动修复：See image
或者用我的工具：

Marketplace上的Visual Studio扩展。
Github releases的台式机版本

这个工具只是将css样式直接嵌入到svg元素中。

赞(0）回复(0）举报 2022-12-28

我来回答

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

5条答案

相关问题

热门标签

最新问答