.NET MAUI（Windows平台）ImageButton加载SVG图片变形问题求助

针对你在.NET MAUI Windows应用中使用SVG作为ImageButton图片源出现变形的问题，可按以下步骤排查解决：

1. 修正资源引用与文件属性 #

• 你的代码中引用的是.png文件，但实际使用的是SVG资源，需将Source改为SVG文件名（如botondescartar.svg），确保文件名大小写与实际文件一致。
• 在Visual Studio中选中SVG文件，设置：
  • Build Action：MauiImage
  • Copy to Output Directory：Copy if newer

2. 避免同时固定宽高约束 #

SVG是矢量图，同时设置HeightRequest和WidthRequest会强制拉伸图片，破坏原有比例。建议只固定其中一个维度，让另一个自动按比例适配：

<Grid x:Name="GrdOpciones">
    <ImageButton 
        Aspect="AspectFit" 
        Source="botondescartar.svg"
        BackgroundColor="White" 
        WidthRequest="240" <!-- 仅固定宽度，高度自动适配 -->
        CornerRadius="10"/>
</Grid>

3. 检查SVG的viewBox属性 #

打开SVG文件，确认根<svg>元素包含正确的viewBox属性，格式为viewBox="0 0 设计宽度 设计高度"（比如你的设计尺寸是240x126，应写为viewBox="0 0 240 126"）。缺失或错误的viewBox会导致MAUI无法识别正确比例。

4. 使用SvgImageSource精细控制 #

若上述方法无效，可直接使用SvgImageSource指定SVG的渲染尺寸：

<Grid x:Name="GrdOpciones">
    <ImageButton 
        BackgroundColor="White" 
        CornerRadius="10">
        <ImageButton.Source>
            <SvgImageSource Source="botondescartar.svg" Width="240" Height="126" />
        </ImageButton.Source>
    </ImageButton>
</Grid>

内容的提问来源于stack exchange，提问作者Juan Pablo Gomez