使用javascript画布用圆形绘制多边形

时间:2013-04-20 09:05:08

标签: javascript canvas graph polygon geometry

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

1 个答案:

答案 0 :(得分:0)

画布的工作方式与ms画画很相似。一旦在其上绘制圆圈,计算机就会忘记圆圈并仅记住像素。您需要自己跟踪它:

我没有测试下面的代码,但希望你能得到这个想法。

希望这可以帮助您入门: 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);
    }
}