如何将未知来源SVG居中，并在Java生成的SVG中嵌入用户自定义SVG

嘿，针对你这个Java SVG生成程序里的自定义图标居中问题，我给你整理了一套实操性强的解决方案，结合你的场景一步步来：

要实现居中，首先得搞清楚用户上传的SVG本身的尺寸和坐标系统——毕竟你不知道它是个宽扁的图标还是瘦高的标记。这里推荐用Batik（Apache的SVG处理库）来解析，比自己写正则靠谱多了：

// 读取用户上传的SVG内容
String userSvg = "..."; // 这里替换成用户上传的SVG字符串
ByteArrayInputStream input = new ByteArrayInputStream(userSvg.getBytes());
SVGDocument svgDoc = SVGParser.parse(input);
Element rootSvg = svgDoc.getDocumentElement();

// 提取viewBox（优先用这个，因为它定义了SVG的坐标范围）
float[] viewBox = null;
String viewBoxAttr = rootSvg.getAttribute("viewBox");
if (!viewBoxAttr.isBlank()) {
    String[] parts = viewBoxAttr.split("\\s+");
    viewBox = new float[]{
        Float.parseFloat(parts[0]),
        Float.parseFloat(parts[1]),
        Float.parseFloat(parts[2]),
        Float.parseFloat(parts[3])
    };
}

// 提取width和height（如果没有viewBox就用这个）
float svgW = Float.parseFloat(rootSvg.getAttribute("width"));
float svgH = Float.parseFloat(rootSvg.getAttribute("height"));

// 确定SVG的原始宽高
float originalW, originalH;
if (viewBox != null) {
    originalW = viewBox[2];
    originalH = viewBox[3];
} else {
    originalW = svgW;
    originalH = svgH;
}
float svgRatio = originalW / originalH;

现在你已知占位矩形的参数（比如示例里的x=50, y=50, width=100, height=100），接下来要计算怎么把用户的SVG按比例缩放到占位框里，同时居中：

// 占位矩形的参数（从你的原始SVG里解析出来的）
float placeholderX = 50;
float placeholderY = 50;
float placeholderW = 100;
float placeholderH = 100;

float placeholderRatio = placeholderW / placeholderH;
float scale;
float offsetX = 0, offsetY = 0;

if (svgRatio > placeholderRatio) {
    // 用户SVG更宽，按占位框的宽度缩放，垂直居中
    scale = placeholderW / originalW;
    offsetY = (placeholderH - originalH * scale) / 2;
} else {
    // 用户SVG更高，按占位框的高度缩放，水平居中
    scale = placeholderH / originalH;
    offsetX = (placeholderW - originalW * scale) / 2;
}

// 还要考虑viewBox的偏移（如果有的话，比如viewBox不是从0,0开始的）
float finalX = placeholderX + offsetX;
float finalY = placeholderY + offsetY;
if (viewBox != null) {
    finalX -= viewBox[0] * scale;
    finalY -= viewBox[1] * scale;
}

最后一步就是把用户的SVG加上变换，替换掉原始SVG里的占位矩形。这里推荐用<g>标签包裹用户SVG，应用translate和scale变换，同时给用户的SVG加上preserveAspectRatio属性做双重保障：

// 处理用户SVG，添加变换和比例保护
String processedSvg = String.format(
    "<g transform=\"translate(%.2f, %.2f) scale(%.4f)\">%s</g>",
    finalX, finalY, scale, 
    userSvg.replace("<svg", "<svg preserveAspectRatio=\"xMidYMid meet\"")
);

// 替换原始SVG中的占位矩形
String finalSvg = originalSvgContent.replaceAll("<rect[^>]+class=\"placeholder\"[^>]+>", processedSvg);

• 如果用户上传的SVG既没有viewBox也没有width/height：可以默认它的尺寸是100x100，或者在上传时提示用户上传规范的SVG
• 如果遇到嵌套SVG：优先解析最外层的SVG元素，避免内层元素干扰尺寸计算
• 用Batik时注意处理SVG的命名空间，确保能正确读取属性

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