MAUI中如何将Base64编码SVG通过内存流直接转换为ImageSource

你直接用ImageSource.FromStream加载SVG内存流不生效的核心原因是：MAUI默认的流加载逻辑只会调用PNG、JPG等位图格式的解码器解析内容，不会自动识别流内的SVG矢量格式。只有当加载源是带.svg后缀的本地文件时，MAUI才会根据文件扩展名自动触发内置SVG解析流程，这也是你落盘加载方案能正常工作的原因。

完全不需要将SVG写入本地文件，可以直接调用MAUI内置的SVG解析API在内存中完成全流程处理，性能比落盘方案更高，也不需要额外传入文件名参数。
首先引入所需命名空间：

using System.Text;
using Microsoft.Maui.Graphics;
using Microsoft.Maui.Graphics.Platform;

对应的扩展方法实现如下：

/// <summary>
/// 将Base64编码的SVG字符串直接转换为可用的ImageSource，无需本地文件IO
/// </summary>
/// <param name="svgBase64">SVG对应的Base64编码字符串</param>
/// <param name="renderWidth">可选，自定义SVG渲染宽度，默认使用SVG内置尺寸</param>
/// <param name="renderHeight">可选，自定义SVG渲染高度，默认使用SVG内置尺寸</param>
/// <returns>可直接赋值给Image控件Source属性的ImageSource实例</returns>
public static ImageSource FromBase64Svg(this string svgBase64, float? renderWidth = null, float? renderHeight = null)
{
    // 解码Base64得到SVG原始XML内容
    byte[] svgBytes = Convert.FromBase64String(svgBase64);
    string svgContent = Encoding.UTF8.GetString(svgBytes);

    // 调用MAUI内置SVG解析器加载矢量内容
    ISvgImage svg = PlatformImage.FromSvg(svgContent);
    
    // 确定渲染尺寸，未传自定义值则使用SVG自带的宽高
    float width = renderWidth ?? svg.Width;
    float height = renderHeight ?? svg.Height;
    
    // 将矢量SVG渲染为位图流
    IImage renderedBitmap = svg.GetImage(width, height);
    
    // 包装为ImageSource返回
    return ImageSource.FromStream(() => renderedBitmap.AsStream());
}

使用说明 #

• 该实现适用于.NET 7及以上版本的MAUI项目，依赖的Microsoft.Maui.Graphics是MAUI核心组件，不需要额外安装第三方NuGet包。
• 如果需要适配不同分辨率的显示场景，可以传入自定义的渲染宽高，避免SVG拉伸模糊。
• 全流程都在内存中完成，不会产生临时文件，也不需要额外的文件读写权限。

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