Javascript 在SVG路径中查找中点

我当前有一个属于组的路径。我正在使用Jquery查找特定路径，并希望找到该路径的中点。我找到了这个示例，但是当我找到路径或点并尝试使用

.getTotalLength（）时

或

.getPointAtLength（）

，我在控制台中遇到错误，控制台上显示

未捕获的TypeError:$（…）.children（…）.getTotalLength不是函数

或

未捕获的TypeError:$（…）。children（…）…getPointAtLength（）不是函数

我读到一些东西，这些函数是

SVGGeometryElement

的一部分，而不是

SVGPathElement

，但我不确定这到底意味着什么，也不知道现在如何使用该函数。任何帮助都将不胜感激

路径代码

<g class="path-line" data-line_id="1"><path stroke-width="5" fill="none" d="M1582.0000915527344,610.0000305175781 C1682.0000915527344,610.0000305175781 1610.0000610351562,710.0000305175781 1711.0000610351562,710.0000305175781" stroke="#000000"></path><rect stroke="none" mask="url(#fc_mask_0_1)" x="1710.0000610351562" y="707.5000305175781" width="21" height="5" fill="#000000"></rect></g>

您必须使用

$（this）.children（'path'）[0].getTotalLength（）


$（“.path行”）.on（'mouseover'，函数（e）{var len=$（this）.children（'path'）[0]。getTotalLength（）；
控制台日志（len）；
});
svg{边框：1px实心；最大宽度：100vh；}
谢谢！！我知道这必须很简单。
    this.objs.lines.on('mouseover', '.line-class', function (e) {
        var len = $(this).children('path').getTotalLength();
        console.log(len);

    });