是否有一种定义明确的方法来计算svg文本元素右边缘的x坐标？

Question

假设我有以下文本元素，并且左对齐如下。

<text xml:space="preserve" text-anchor="start" y="134.799806172" x="450"  >
 Foo Bar</text>

观察text-anchor为start，因此我提供了左边缘的x和y坐标。

是否有明确定义的方法来计算此文本元素的右边缘？

要给出一些上下文，此元素必须左对齐，因为它必须与左侧的其他元素对齐。

但是，我希望有一个与此元素居中对齐的不同元素，所以我想计算右边缘，从而找到中心。

Answer 1

您可以使用getBBox()，例如：

var text = document.querySelector("text");
var bbox = text.getBBox();

bbox将成为width，height，x和y属性的对象。