Xamarin Forms如何将SignaturePad获取的PNG流转为SVG字符串存储？

核心思路：不要从PNG反向转换SVG（位图转矢量易失真且冗余），直接提取SignaturePad的原始签名路径点，生成轻量化、保真的SVG字符串，再存入数据库。

步骤1：获取SignaturePad的原始签名点 #

SignaturePad控件自带Points属性，存储了签名的所有坐标点（ObservableCollection<Point>类型），这是生成SVG的最优数据源。

// 假设你的SignaturePad控件实例名为signaturePadView
var signaturePoints = signaturePadView.Points;

步骤2：将坐标点转换为SVG字符串 #

编写工具方法，用签名点生成标准SVG文档，包含路径、笔触样式、边界适配等：

using System.Collections.ObjectModel;
using System.Linq;
using System.Text;
using Xamarin.Forms;

public string ConvertSignatureToSvg(ObservableCollection<Point> points, float strokeWidth = 2, string strokeColor = "#000000")
{
    if (points?.Count == 0) return string.Empty;

    // 计算签名边界，设置SVG的viewBox实现自适应
    float minX = points.Min(p => (float)p.X);
    float maxX = points.Max(p => (float)p.X);
    float minY = points.Min(p => (float)p.Y);
    float maxY = points.Max(p => (float)p.Y);
    float width = maxX - minX;
    float height = maxY - minY;

    // 构建SVG路径指令：M(移动到起点) + L(连接后续点)
    var pathBuilder = new StringBuilder();
    var firstPoint = points.First();
    // 用相对坐标让SVG左上角对齐签名边界
    pathBuilder.Append($"M {firstPoint.X - minX} {firstPoint.Y - minY}");

    foreach (var point in points.Skip(1))
    {
        pathBuilder.Append($" L {point.X - minX} {point.Y - minY}");
    }

    // 组装完整SVG文档
    return $@"<?xml version=""1.0"" encoding=""UTF-8""?>
<svg width=""{width}"" height=""{height}"" viewBox=""0 0 {width} {height}"" xmlns=""http://www.w3.org/2000/svg"">
    <path d=""{pathBuilder.ToString()}"" stroke=""{strokeColor}"" stroke-width=""{strokeWidth}"" fill=""none"" stroke-linecap=""round"" stroke-linejoin=""round""/>
</svg>";
}

步骤3：存储SVG到数据库 #

生成的SVG是纯字符串，直接以文本类型（如SQLite的TEXT、SQL Server的NVARCHAR）存入数据库即可，读取时可直接通过SVG渲染控件显示。

// 生成SVG字符串
string svgSignature = ConvertSignatureToSvg(signaturePoints);

// 示例：存入SQLite数据库
await _database.InsertAsync(new SignatureEntity { SvgContent = svgSignature });

补充说明 #

如果因特殊场景必须从PNG Stream转换SVG，可借助SkiaSharp做轮廓提取，但这种方式会引入额外计算开销，且生成的SVG体积更大、保真度更低，不推荐优先使用。

内容的提问来源于stack exchange，提问作者Dietmar Schwarz Webers