使用 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)实际上点被移动了，而不是在我无法弄清楚为什么的路径上。