如何使用javascript移动SVG行

Question

我不知道如何在SVG元素的javascript中设置x1，y1，x2，y2参数。

<svg height="210" width="500">
    <line id="line" x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2" />
</svg>

感谢您的帮助。

Answer 1

它只是

var line = document.getElementById("line");
line.setAttribute("x1", "5");

等

Answer 2

var line = document.getElementById('line')
line.x1.baseVal.value = 5

一个字符是否比另一个字母更短（三个如果计算噪音）。