だから私はあなたが使用するベジエ曲線を描くことを知っています:
path.setAttributeNS(null, "d", "M5,5 C5,45 45,45 45,5"):
しかし、私はそれらを（アニメーションではなく）ループで描画し、毎回位置を変更したいと思います。毎回同じ曲線になりますが、開始位置と終了位置は異なります。そして、これらの属性をループで変更する方法がわかりません。
怒鳴るからの答えから、私は自分のコードで試しましたが、うまくいきません。私は何か間違ったことをしたことは知っていますが、何をしたのかわかりません。変更後の私のコードは次のとおりです。
for (var i = 0; i < 100; i++) {
var x1 = 10;
var x2 = 15;
var x3 = 20;
var x4 = 30;
var x5 = 40;
var x6 = 50;
var x7 = 60;
var x8 = 70;
var attr = "M" + x1 + "," + x2 + " " + "C" + x3 + "," + x4 + " " + x5 "," + x6 + " " + x7 + "," + x8;
var path = document.createElementNS(svgns, 'path');
path.setAttributeNS("d", attr);
path.setAttributeNS(null, "fill", "none");
path.setAttributeNS(null, 'stroke', '#'+Math.round(0xffffff * Math.random()).toString(16));
document.getElementById('svgOne').appendChild(path);
}
x`s は機能するかどうかをテストするためだけのものなので、どこで間違いを犯したのでしょうか???