使用 getPointAtLength() 向路径添加圆被移动

Question

我会动态地向路径添加点

这是我的代码

const cir1 = document.createElementNS('http://www.w3.org/2000/svg', 'circle');

let path= document.getElementById('path9');

this.getPath=path;

let g = document.createElementNS('http://www.w3.org/2000/svg', 'g');

let pt = path.getPointAtLength('60');

g.setAttribute('transform', `translate(${pt.x},${pt.y})`);

g.appendChild(cir1)

cir1.setAttribute('r', '3');

cir1.setAttribute('fill', 'red');

cir1.setAttribute('id','123');

let svg =document.getElementById('Calque_1');

svg.appendChild(g)

实际上点被移动了，而不是在我无法弄清楚为什么的路径上。