Html SVG中的图像定心

是否有一些简单的解决方案可以在SVG中将图像集中在X和Y上？我必须保持svg元素的百分比

svg{
宽度：20%；
}

---

要使图像图案在多边形中居中，可以使用

图案的
x
和
y
属性设置图像的原点

因此，您可以将其设置为
x=“50%”y=“50%”


svg{
宽度：20%；
}

这还不清楚。请描述图像、图案、多边形和svg所需的相对位置和大小。谢谢，但我认为这并没有解决我的问题。我需要看到此处概述的区域：