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

【问题标题】：Is there a well-defined way to compute the x-coordinate of the right edge of an svg text element?是否有一种定义明确的方法来计算 svg 文本元素右边缘的 x 坐标？
【发布时间】：2014-09-18 19:04:40
【问题描述】：

假设我有以下文本元素，它是左对齐的，如下所示。

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

观察text-anchor 是start，所以我提供了左边缘的x 和y 坐标。

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

为了给出一些上下文，这个元素必须左对齐，因为它必须与左边的其他元素对齐。

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

【问题讨论】：

标签： svg pysvg

【解决方案1】：

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

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

bbox 将是一个具有width、height、x 和y 属性的对象。

【讨论】：

考虑到问题的措辞方式，这是一个合理的答案，所以 +1，但我不能使用它，因为它使用 JS 函数并且我正在使用 Python 创建 SVG。不过，这不是你的错。