如何组装和对齐SVG？

SVG组装和对齐是一个重要的任务，需要正确的代码示例来完成。以下是一些可以使用的代码段：

1. 使用<g>元素组合SVG元素：

<g transform="translate(50,50)"> <rect x="0" y="0" width="200" height="300" fill="blue"/> <circle cx="100" cy="150" r="50" fill="green"/> </g>

这个例子使用<g>元素来组合两个SVG元素，并使用transform属性来对它们进行平移。

2. 使用text-anchor属性来对齐文本：

<text x="100" y="50" text-anchor="middle">中心对齐</text>

这个例子使用了text-anchor属性，它可以设置文本的水平对齐方式。在这个例子中，文本在x=100的位置上进行了中心对齐。

3. 使用viewBox属性来对齐SVG：

<svg viewBox="0 0 100 100" width="100px" height="100px"> <rect x="0" y="0" width="100" height="100" fill="blue"/> <circle cx="50" cy="50" r="25" fill="green"/> </svg>

这个例子使用了viewBox属性来定义SVG的范围。在这个例子中，viewBox设置为0 0 100 100，表示SVG的宽和高都为100个单位。在这个例子中，圆心在(50,50)处，半径为25，在整个SVG中居中对齐。

经过这些示例，您现在应该能够组装和对齐SVG元素了。