UWP/XAML 破坏 SvgImageSource 缩放答案

【问题标题】：UWP/XAML broken SvgImageSource scalingUWP/XAML 破坏 SvgImageSource 缩放
【发布时间】：2018-06-05 00:02:53
【问题描述】：

Windows 10 1703 introduced SvgImageSource，它允许您将 SVG 文件指定为 Source 参数的目标 Image 元素。

我无法通过缩放来正确处理 SVG 图像。结果总是被填充而不是正确填充可用空间。

我将必须的 SVG 文件按原样导出为 PNG（无转换），并使用相同的代码渲染 XAML：

    <Image Stretch="UniformToFill" Source="Assets/MainPage/archway.svg" Grid.ColumnSpan="4" Grid.RowSpan="5" VerticalAlignment="Top" HorizontalAlignment="Center"/>

除了一次是 svg 和一次是 png。

PNG 正确扩展以填充可用空间：

但 SVG 呈现如下：

我已经尝试了所有参数，但无济于事。

有什么建议吗？

编辑

这是有问题的 SVG：https://pastebin.ca/3840758

【问题讨论】：

您是否尝试删除这两个对齐设置？
是的。这在解决问题方面没有任何改变。
你能发布 svg 文件吗？
@Jessica 链接添加到帖子中

标签： xaml svg uwp win-universal-app

【解决方案1】：

您需要将preserveAspectRatio="xMinYMin" 添加到您的<svg ...> 标签中。

【讨论】：

请注意这不是 uwp 图像控制问题。在 chrome n 中打开它，您将看到相同的行为。所以你需要通过这样做来修复你的 svg。
谢谢！我想知道是否有某种方法可以从 SVG 外部覆盖此行为。