svg元素居中

在 HTML 中，可以通过将 SVG 元素包装在一个父元素中并将该父元素设置为相对定位，然后使用 CSS 将 SVG 元素的定位设置为绝对定位并设置其 top 和 left 值为 50%，最后使用 transform 属性将其位置向上和向左平移50%，以将其居中对齐。

<div style="position: relative;">
  <svg style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
    <!-- Your SVG content here -->
  </svg>
</div>
也可以使用 flexbox 布局来实现居中效果：
<div style="display: flex; align-items: center; justify-content: center; height: 100%;">
    <!-- Your SVG content here -->
  </svg>
</div>