使用java script canvas绘制带圆的多边形

Question

您好，有没有一种方法可以使用java script canvas绘制一个带有圆的多边形，这样我就可以将每个圆作为一个对象来引用，其中包含了它的坐标和索引。我想直观地画出完整的k-部图。谢谢

Answer 1

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

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

希望这能帮助您入门：http://blog.nihilogic.dk/2009/02/html5-canvas-cheat-sheet.html

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);
    }
}