Internet /Edge中的/Edge联机元素

Question

getTotalLength方法在Internet或边缘中不工作。它给出了以下错误

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

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

MDN没有提到internet对getTotalLength的支持(给出一个问号)。

谁能帮我找出什么是最好的选择。

我想的是，检查浏览器对getTotalLength的支持，如果浏览器不支持，使用数学公式查找行的长度，或者将行改为路径，因为路径元素似乎支持getTotalLength。

Answer 1

您可以从我能用一下吗检查浏览器兼容性。

您可以通过使用普通的javascript轻松地做到这一点。

// get line element by using any getElement method
var line = document.getElementById("line-1");

//calculate distance between edge points by using following formula 
var len = dist(line.x1.baseVal.value, line.x2.baseVal.value,
               line.y1.baseVal.value, line.y2.baseVal.value);

function dist(x1, x2, y1, y2){
    return Math.sqrt( (x2-=x1)*x2 + (y2-=y1)*y2 );
}