Javascript 使用java脚本画布绘制带圆的多边形

大家好，有一种方法可以使用java脚本画布绘制带圆的多边形，这样我就可以将每个圆称为一个包含其坐标和索引的对象。我想画完整的k部图。

---

谢谢

画布的效果与ms paint非常相似。一旦你在上面画了一个圆，计算机就会忘记这个圆，只记得像素。您需要自己跟踪它：

我还没有测试下面的代码，但希望您能理解

希望这能帮助您开始：

var canvas=document.getElementById（“mainCanvas”）；
var ctx=canvas.getContext（“2d”）；
var循环=[]；
函数addCircle（arg_x，arg_y，arg_rad）{
var newCirc={}；
newCirc.x=arg_x
newCirc.y=arg_y
newCirc.rad=arg_rad
圆。推送（newCirc）
}
函数重画circ（）{
//循环遍历圆数组并重新绘制整个图形
//每当有什么变化
对于（var i=0；i请发布您的尝试？是的，最好是您的起始代码，但至少是一个带有一些说明的插图。谢谢您的回答，但我知道如何绘制圆。我只需要一个算法，可以帮助我将这些圆多项式化。假设有一个6部分的图形，每个部分有4条边，我想让它看起来像like六边形，具有4条边而不是其顶点。
var canvas = document.getElementById("mainCanvas");
var ctx = canvas.getContext("2d");
var circles =[];
function addCircle(arg_x,arg_y,arg_rad){
    var newCirc = {};
    newCirc.x = arg_x
    newCirc.y = arg_y
    newCirc.rad = arg_rad
    circles.push(newCirc)
}

function redrawCirc(){
    // loop through circles array and redraw entire graph
    // whenever something changes
    for(var i =0;i<circles.length;i++){
        ctx.arc(circles[i].x,circles[i].y,circles[i].rad,0,Math.PI*2);
    }
}