获取SVG文本元素

Question

说我有一个非常基本的SVG：

<svg viewBox="0 0 100 50">
  <path transform="translate(X,Y)" fill="none" stroke="red" d="M11,11.1c-3.9,1.2-12.4,9-10.4,12.2s14.9-0.8,15.5-2.1s-4-2.7-4-2.7"></path>
  <text transform="translate(10,25)">Hello World.</text>
</svg>

我知道<path>（来自其他一些算法）的高度和宽度以及<text>的位置（来自上面显示的transform属性）。

如何知道字母W的X和Y坐标？

我的目标是设置路径的转换，使其显示在字母W下方。

为了让您更好地了解最终目标，这是我正在尝试做的事情：我想自动替换svg中的所有<text>由我绘制的与字体匹配的路径（Permanent标记）。通过这种方式，我可以创建逼真的手写效果（请参阅此处获取 live demo ：whiteboard-comics.com/good_time_for_drinking=f(week_day)）

到目前为止，我从<text>开始，我的图片如下所示：

然后我在Illustrator中逐字逐句替换整个文本。它最终看起来像这样：

当我以算法方式（仅基于<text>元素的坐标和每个手绘字符的宽度为<path>）时，它变为：