有没有办法在 UWP 中渲染 svg 文件

Question

我需要在我的 UWP 应用程序中渲染复杂的 svg 文件，但我还没有找到任何方法来正确渲染 svg 文件而不使用 svg 文件。

有没有图书馆可以做到这一点？ 此外，如果它提供 DataBinding 那就太好了。

复杂我的意思是每个有效的 svg 文件应该能够正确渲染。 例如 svg 文件中的 base64 编码图像

目前我使用的是 WebView 但有一些注意事项：

• 有点慢。 加载大约需要一秒钟。 我预计最多 500 毫秒（我认为这是可能的）
• 我必须提前知道文件的大小
• 有时会出现剪裁问题
• 我在具有缩放功能的滚动视图中使用它，有时会发生一些中断和奇怪的事情
• 我必须用另一个视图覆盖 web 视图并将事件转发到 ScrollView（对 MVVM 不太友好）

Answer 1

有没有办法在 UWP 中渲染 svg 文件

当然，请参考SvgImageSource文档，它可以用来渲染 svg 图像文件。 您可以使用引用 SVG 文件的统一资源标识符 (URI) 来定义 SvgImageSource。

例如

<Image
    Width="24"
    Height="24"
    Stretch="Fill">
    <Image.Source>
        <SvgImageSource  
            UriSource="/Assets/AddComment.svg" />
    </Image.Source>
</Image>

也可以使用Win2D库渲染SVG文件，这个相关的关心回复可以参考。