如何合并多个SVG文件并居中子SVG？svg-net定位失效求助

问题原因分析 #

直接使用SvgNet设置嵌套<svg>元素的X/Y属性时，库可能不会正确将这些属性输出到最终的SVG文件中——因为嵌套<svg>的定位逻辑在SVG规范中依赖viewBox、width/height和transform的配合，而SvgNet对嵌套SVG的属性处理存在局限性。

可行解决方案 #

1. 改用SvgGroup包裹子SVG内容（推荐） #

避免直接嵌套<svg>，而是将子SVG的内容放入<g>（分组）元素，通过transform属性实现平移居中，这是SVG规范中更可靠的定位方式。修改后的代码如下：

var svgResult = new SvgDocument();
var svgBorder = SvgDocument.Open(borderFile);

// 主SVG继承border的尺寸和视口
svgResult.Width = svgBorder.Width;
svgResult.Height = svgBorder.Height;
svgResult.ViewBox = new SvgViewBox(0, 0, svgBorder.Width, svgBorder.Height);
svgResult.Children.Add(svgBorder);

foreach (var file in fileNames.Skip(1))
{
    var svgPart = SvgDocument.Open(file.name);
    var contentGroup = new SvgGroup();

    // 计算居中偏移量（优先使用子SVG的viewBox尺寸，避免缩放问题）
    var partWidth = svgPart.ViewBox?.Width ?? svgPart.Width;
    var partHeight = svgPart.ViewBox?.Height ?? svgPart.Height;
    var offsetX = (svgBorder.Width / 2) - (partWidth / 2);
    var offsetY = (svgBorder.Height / 2) - (partHeight / 2);

    // 添加平移变换实现居中
    contentGroup.Transforms.Add(new SvgTranslate(offsetX, offsetY));

    // 将子SVG的所有元素移入分组
    foreach (var child in svgPart.Children)
    {
        contentGroup.Children.Add(child);
    }

    svgResult.Children.Add(contentGroup);
}

if (!File.Exists(svgResultPath))
    svgResult.Write(svgResultPath);

2. 修复嵌套SVG的属性设置 #

如果你坚持使用嵌套<svg>，需要同时确保子SVG的viewBox、width/height和preserveAspectRatio正确配置，并且手动强制SvgNet输出X/Y属性：

var svgPart = SvgDocument.Open(file.name);
svgPart.Width = svgPart.ViewBox?.Width ?? svgPart.Width;
svgPart.Height = svgPart.ViewBox?.Height ?? svgPart.Height;
svgPart.X = (svgBorder.Width / 2) - (svgPart.Width / 2);
svgPart.Y = (svgBorder.Height / 2) - (svgPart.Height / 2);
// 强制设置属性，避免被SvgNet忽略
svgPart.Attributes["x"] = svgPart.X.ToString();
svgPart.Attributes["y"] = svgPart.Y.ToString();
svgResult.Children.Add(svgPart);

3. 更换工具选项 #

如果SvgNet的局限性无法满足需求，可以考虑以下替代方案：

• SharpVectors：更活跃的.NET SVG处理库，对SVG规范的支持更全面，属性处理更可靠。
• 直接操作XML：利用XDocument读取SVG文件（本质是XML），提取子SVG的内容节点，手动添加到主SVG的分组中并设置transform属性，无需依赖第三方库。

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