使用JS画图之点、线、面(2)

//多边形
//ps 点的一维数组
function drawPolygon(ps){
    if(ps){
        //画线
        for(var i = 0; i<ps.length-1; i++){
            drawLine(ps[i], ps[i+1]);
        }
        //使闭合
        if(ps.length > 2){
            drawLine(ps[ps.length-1], ps[0])
        }
        //描拐点
        for(var i = 0; i<ps.length; i++){
            drawPoint({
                pw: 3,
                ph: 3,
                color: 'RED',
                point: ps[i]
            });
        }
    }
}

复制代码 代码如下:

//画矩形
//leftTop 左上角的点的位置
//width 宽
//high 高
function drawRectangle(leftTop, width, high){
    drawPolygon([
        leftTop,
        [leftTop[0], leftTop[1]+high],
        [leftTop[0]+width, leftTop[1]+high],
        [leftTop[0]+width, leftTop[1]]
    ]);
    //填充
    //document.write("<span></span>");
}

原来JS也可以做这么炫酷的事情，真是要好好研究下了

您可能感兴趣的文章: