javascript - 用SVG画圆

Question

我想使用 SVG 画一个圆。圆的中心在阵列中。arr[i][0].x 是 x 中心，arr[i][0].y 是 y 中心，arr[i][0].r 是半径。

我尝试过这样的

svg.appendChild(circle);
        circle.cx.appendItem(arr[i][0].x);
        circle.cy.appendItem(arr[i][0].y);
        circle.r.appendItem(arr[i][0].r);

但它不起作用。我该如何修复它？

Answer 1

使用setAttribute设置圆值。

 var circle = document.getElementById("circle")
        circle.setAttribute("cx", 60);
        circle.setAttribute("cy", 70);
        circle.setAttribute("r", 5);
 var svg = document.getElementById("svg1")
 svg.appendChild(circle);