计算Svg <g>标签宽度

Question

我是SVG的新手。我有一个svg图像，我为一个<g>标签应用了一个变换矩阵。现在我要计算<g>标签的宽度和高度。在页面加载时，我可以使用getBBox()或getBoundingClientRec()函数计算宽度和高度。但是，当我调整窗口大小时，我正在更改矩阵值，在更新矩阵值之前，如何计算<g>标签的宽度和高度。

-- getBBox()和getBoundingClientRec()根据矩阵值返回宽度和高度。

示例:页面加载：

<g id="xyz" transform="matrix(1,0,0,1,10,10)"></g>

在调整窗口大小时，我调用了一个计算矩阵值的方法。注意:矩阵值是计算的，还没有更新，我需要在调整大小时将图像中心到浏览器窗口。我正在减去窗口宽度和图像宽度除以2，我将该值应用于矩阵，即，"x“值。示例:新的矩阵值为1.2,0,0,1.2，x,10

对于以中心为中心的地图，我需要使用计算出的矩阵值( 1.2,0,0,1.2，x,10 )来知道<g>的宽度和高度。

Answer 1

用另一个<g>包装转换后的组，并对其调用getBBox()。

然而，为什么不描述一下你想要达到的最初的问题呢？因为你是SVG的新手，所以你有可能以错误的方式对待你的问题。也许我们可以提出一个比自己操纵矩阵更好的解决方案。