Html 放大背景圆时，保持svg居中

我想使用圆形背景。我从中获取了一些关于如何从DOM执行此操作的HTML代码

现在我有了这个结果，你可以看到图标和背景圆圈一样大

---

只需更改视图框即可。也许是这样的。如果需要更大的边框，请使viewBox更大，但不要忘记调整其原点

可以使圆变大，但如果不考虑圆的cx和cy

---

只需更改视图框即可。也许是这样的。如果需要更大的边框，请使viewBox更大，但不要忘记调整其原点

可以使圆变大，但如果不考虑圆的cx和cy

您可能应该使用CSS调整SVG元素的大小，而不是在内部玩弄它。如果SVG变得更复杂，那将是一场噩梦。@Robert对不起，你是什么意思？这样地？这只会移动整个图像：/您可能应该使用CSS调整SVG元素的大小，而不是在内部随意处理它。如果SVG变得更复杂，那将是一场噩梦。@Robert对不起，你是什么意思？这样地？这只会移动整个图像：/谢谢。所以我取了你的代码并设置了半径

r=“16”

，但是一些边界被切断了。增加

h-6

或宽度没有帮助。我该如何解决这个问题？增加视图框的大小，但别忘了调整它的原点。对不起，原点到底是什么意思？我目前调整了大小，现在顶部和左侧边框被切断。你是说使用CSS转换吗？我想@Robert是这个意思，但我不确定ViewBox有4个参数，如果你增加高度和宽度值，你也必须调整前两个x、y（或原点）参数。当你把宽度变大时，你需要把x变小（y和高度也一样）。谢谢。所以我取了你的代码并设置了半径

r=“16”

，但是一些边界被切断了。增加

h-6

或宽度没有帮助。我该如何解决这个问题？增加视图框的大小，但别忘了调整它的原点。对不起，原点到底是什么意思？我目前调整了大小，现在顶部和左侧边框被切断。你是说使用CSS转换吗？我想@Robert是这个意思，但我不确定ViewBox有4个参数，如果你增加高度和宽度值，你也必须调整前两个x、y（或原点）参数。当宽度变大时，需要将x变小（y和高度也是如此）。