使用Java脚本绘制一个带圆圈的多边形画布

Question

大家好，有一种方法可以使用java脚本画布绘制一个带圆圈的多边形，以便我可以将每个圆圈引用为包含其坐标和索引的对象。我想直观地绘制完整的k-partite图。 谢谢

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