将Xamarin Forms迁移至.NET MAUI后，如何从Web URL加载SVG？

下面是几个经过验证的替代方案，适配MAUI生态：

1. 基于SkiaSharp手动解析渲染SVG #

SkiaSharp是MAUI官方推荐的2D图形库，原生支持SVG解析，完全可以替代FFImageLoader的SVG加载能力：

• 先安装NuGet包：SkiaSharp.Views.Maui.Controls 和 SkiaSharp.Svg
• 编写工具类实现从Web下载SVG并转换为MAUI可用的ImageSource：

using SkiaSharp;
using SkiaSharp.Svg;
using System.Net.Http;

public static async Task<ImageSource> LoadSvgFromWebAsync(string svgUrl)
{
    using var httpClient = new HttpClient();
    var svgBytes = await httpClient.GetByteArrayAsync(svgUrl);
    
    var svg = new SKSvg();
    svg.Load(new MemoryStream(svgBytes));
    
    using var bitmap = new SKBitmap((int)svg.Picture.CullRect.Width, (int)svg.Picture.CullRect.Height);
    using var canvas = new SKCanvas(bitmap);
    canvas.DrawPicture(svg.Picture);
    
    return ImageSource.FromStream(() => 
    {
        var stream = new MemoryStream();
        bitmap.Encode(stream, SKEncodedImageFormat.Png, 100);
        stream.Position = 0;
        return stream;
    });
}

• 在页面中直接调用绑定：

myImage.Source = await LoadSvgFromWebAsync("https://example.com/icon.svg");

如果需要支持缩放保持矢量特性，可以自定义SKCanvasView直接渲染SVG，避免转成位图。

2. 使用社区维护的MAUI SVG组件 #

不少社区库已经封装了MAUI的SVG加载逻辑，无需手动写代码：

• 安装对应NuGet包（比如Maui.Svg类的社区库）
• 在XAML中直接使用封装好的控件或ImageSource：

<Image>
    <Image.Source>
        <SvgImageSource Uri="https://example.com/icon.svg" />
    </Image.Source>
</Image>

这类组件通常自带缓存、缩放适配等特性，和FFImageLoader的使用体验最接近。

3. 后端转码方案（轻量化替代） #

如果你的场景对矢量缩放要求不高，可以让后端提前把SVG转换为PNG/JPG格式，前端直接加载普通图片：

• 后端可以用SkiaSharp或其他SVG转码工具批量处理，或者实时转换请求的SVG资源
• 前端直接用MAUI原生的Image控件加载转码后的图片URL，完全无需处理SVG逻辑

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