UWP/XAML 损坏的 SvgImageSource 缩放
UWP/XAML broken SvgImageSource scaling
Windows 10 1703 introduced SvgImageSource
,它允许您将 SVG 文件指定为 Image
元素的 Source
参数的目标。
我无法缩放以正确处理 SVG 图像。结果总是被填充而不是正确填充可用的 space.
我将我必须的 SVG 文件原样导出为 PNG(无转换),并使用相同的代码渲染 XAML:
<Image Stretch="UniformToFill" Source="Assets/MainPage/archway.svg" Grid.ColumnSpan="4" Grid.RowSpan="5" VerticalAlignment="Top" HorizontalAlignment="Center"/>
除了一次使用 svg 和一次使用 png。
PNG 正确扩展以填充可用 space:
但 SVG 呈现如下:
我试过所有参数,但无济于事。
有什么建议吗?
编辑
这是有问题的 SVG:https://pastebin.ca/3840758
您需要将 preserveAspectRatio="xMinYMin"
添加到您的 <svg ...>
标签。
Windows 10 1703 introduced SvgImageSource
,它允许您将 SVG 文件指定为 Image
元素的 Source
参数的目标。
我无法缩放以正确处理 SVG 图像。结果总是被填充而不是正确填充可用的 space.
我将我必须的 SVG 文件原样导出为 PNG(无转换),并使用相同的代码渲染 XAML:
<Image Stretch="UniformToFill" Source="Assets/MainPage/archway.svg" Grid.ColumnSpan="4" Grid.RowSpan="5" VerticalAlignment="Top" HorizontalAlignment="Center"/>
除了一次使用 svg 和一次使用 png。
PNG 正确扩展以填充可用 space:
但 SVG 呈现如下:
我试过所有参数,但无济于事。
有什么建议吗?
编辑
这是有问题的 SVG:https://pastebin.ca/3840758
您需要将 preserveAspectRatio="xMinYMin"
添加到您的 <svg ...>
标签。