Javascript 获取动画线的计算值

这是我的密码：

<svg  id="canvas" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <line id="line" x1="100" y1="100" x2="150" y2="150" style="stroke:rgb(255,0,0);">
   <animateTransform
      attributeName="transform"
      begin="0s"
      dur="15s"
      type="rotate"
      from="0 100 100"
      to="360 100 100"
      repeatCount="indefinite" 
    />
  </line>
  <script>
  setInterval(function(){
  var line = document.getElementById('line')
  // This line returns "100 100"
  console.log('point_1: ',line.x1.animVal.value, line.y1.animVal.value)
  // This line returns "150 150"
  console.log('point_2: ',line.x2.animVal.value, line.y2.animVal.value)
  }, 500)
  </script>
</svg>

setInterval（函数（）{
var line=document.getElementById（'行'）
//此行返回“100”
console.log（'point_1:'，line.x1.animVal.value，line.y1.animVal.value）
//此行返回“150”
console.log（'point_2:'，line.x2.animVal.value，line.y2.animVal.value）
}, 500)

我试图在动画过程中获得线坐标的计算值。但它看起来像是

animVal.value

不起作用

---

有没有办法获得这些值？

您没有设置点

x1

和

x2

的动画，而是设置

变换的动画。如果要在其他坐标系中查看这些点的值，需要将它们从直线坐标系转换到其他空间。例如：


圆圈{不透明度：0.5}c1{填充：绿色}c2{填充：蓝色}
如何在下面的代码中获得线条元素的实际角度值？@ya.teck我已经更新了上面的示例URL和代码，向您展示了如何使用计算角度。我认为在没有数学表达式的情况下获得角度是可能的。