javascript - 使用javascript切换svg路径中的 "d"值？

Question

我正在尝试切换“d”值并将其替换为动态生成的数字，但我不断收到“意外数字”作为我的输出。这是我目前拥有的:

<path id="pathA" d="M 0 0 l 0 255" stroke="none" stroke-width="0" fill="none"/>

<script>
var sink = document.getElementById("pathA");
sink.setAttribute("d", M 0 0 l 0 (round*25.5));
</script>

Answer 1

您提供的脚本有两个问题。

首先，您传递给 setAttribute 的第二个参数不正确。尝试:

sink.setAttribute("d", "M 0 0 1 0 " + (round * 25.5));

其次，您在任何时候都没有为 round 提供值。