如何将一个SVG置于另一个SVG的中心

如何将一个SVG置于另一个SVG的中心,svg,Svg,我试图将play svg放在svg圆圈的中间,但似乎不知道如何做到这一点 垂直和水平 您可以通过设置x和y属性来定位内部。该职位应为: x = outer_svg_viewBox_centre_X - (inner_svg_width / 2) y = outer_svg_viewBox_centre_Y - (inner_svg_height / 2) 因此,在这种SVG的情况下,这些计算是: x = (25 + 50/2) - 24/2 = 50 - 12 = 38 y = (

我试图将play svg放在svg圆圈的中间,但似乎不知道如何做到这一点

垂直和水平


您可以通过设置
x
y
属性来定位内部
。该职位应为:

x = outer_svg_viewBox_centre_X - (inner_svg_width / 2)
y = outer_svg_viewBox_centre_Y - (inner_svg_height / 2)
因此,在这种SVG的情况下,这些计算是:

x = (25 + 50/2) - 24/2
  = 50 - 12
  = 38
y = (9 + 82/2) - 29/2
  = 50 - 14.5
  = 35.5

设置内部x和y属性以适合。这是另一个问题。将其居中,就像任何需要居中的html对象一样。