WPF中SVG图片仅缩放不扩展的问题解决求助

要让SVG完全适配Border的指定高度，核心是调整Image控件的拉伸行为，以下是具体方案：

关键属性调整 #

WPF的Image控件默认Stretch属性为Uniform（仅按比例缩放），这会导致SVG只缩放不填充容器。你需要根据需求修改Stretch属性：

1. 完全填充容器（允许变形） #

如果不需要保留SVG的宽高比，直接设置Stretch="Fill"，让SVG完全填充Border的尺寸：

<Image x:Name="image" Source="{StaticResource svg_source}" Stretch="Fill" Width="Auto" Height="Auto" />

2. 保持比例并填满容器（裁剪超出部分） #

要保留SVG的宽高比同时填满Border，使用Stretch="UniformToFill"，超出Border的部分会被自动裁剪：

<Image x:Name="image" Source="{StaticResource svg_source}" Stretch="UniformToFill" Width="Auto" Height="Auto" />

3. 保持比例适配指定高度（宽度自动匹配） #

如果只需要适配指定高度，同时保留SVG的原始比例，设置Stretch="Uniform"，并给Border指定固定高度、宽度设为Auto：

<Border x:Name="border" BorderThickness="2" BorderBrush="Purple" Height="150" Width="Auto">
    <Image x:Name="image" Source="{StaticResource svg_source}" Stretch="Uniform" Width="Auto" Height="Auto" />
</Border>

完整修改后的XAML示例 #

以适配指定高度且保持比例为例：

<Canvas Background="AliceBlue">
    <TextBlock x:Name="MessageBox" Text="Press the black holder and drag to change Size" FontWeight="Bold" FontSize="13"/>
    <TextBlock x:Name="Height_block"></TextBlock>
    <TextBlock x:Name="Width_block"></TextBlock>
    <Border x:Name="Holder" Height="8" Width="8" Background="Black"/>
    <Border x:Name="border" BorderThickness="2" BorderBrush="Purple" Height="150" Width="Auto">
        <Image x:Name="image" Source="{StaticResource svg_source}" Stretch="Uniform" Width="Auto" Height="Auto" />
    </Border>
</Canvas>

额外说明 #

• 确保Border有明确的高度约束（可以是固定值，也可以通过拖拽Holder的逻辑动态赋值），这样Image才能感知到需要适配的目标高度。
• Width="Auto"和Height="Auto"让Image自动继承Border的尺寸，无需手动设置固定值。

内容的提问来源于stack exchange，提问作者soundappan kishore