使用javascript定位/合并多个SVG元素

// 获取需要定位的SVG元素
var svgElement1 = document.getElementById("svgElement1");
var svgElement2 = document.getElementById("svgElement2");

// 获取SVG根元素
var svgRoot = document.getElementById("svgRoot");

// 获取SVG元素的位置信息
var x1 = svgElement1.getAttribute("x");
var y1 = svgElement1.getAttribute("y");
var x2 = svgElement2.getAttribute("x");
var y2 = svgElement2.getAttribute("y");

// 合并SVG元素
var groupElement = document.createElementNS("http://www.w3.org/2000/svg", "g");
groupElement.appendChild(svgElement1);
groupElement.appendChild(svgElement2);

// 设置合并后的位置
groupElement.setAttribute("transform", "translate(" + x1 + "," + y1 + ")");

// 将合并后的元素添加到SVG根元素中
svgRoot.appendChild(groupElement);