Javascript 在Internet Explorer/Edge中获取联机元素（svg）的总长度

getTotalLength

方法在Internet Explorer或Edge中不起作用。它给出了以下错误

对象不支持属性或方法“getTotalLength”

在Firefox/Chrome中也可以正常工作。在这些浏览器中，它会按预期给出行的总长度

没有说明internet explorer对

getTotalLength

的支持（给出了问号）

有谁能帮我找出最好的选择吗

---

我的想法是，检查浏览器是否支持

getTotalLength

，如果浏览器不支持I，请使用数学公式查找行的长度，或者将行更改为路径，因为路径元素似乎支持

getTotalLength

。

您可以从

通过使用纯javascript，您可以轻松做到这一点

//使用任何getElement方法获取行元素
var line=document.getElementById（“line-1”）；
//使用以下公式计算边缘点之间的距离
var len=距离（line.x1.baseVal.value，line.x2.baseVal.value，
line.y1.baseVal.value，line.y2.baseVal.value）；
功能区（x1、x2、y1、y2）{
返回数学sqrt（（x2-=x1）*x2+（y2-=y1）*y2）；
}

检查