html5-Canvas绘制线条-closePath();

$(function(){
    var can = $("#can").get(0);
    var txi = can.getContext("2d");

    
    txi.beginPath();
    txi.moveTo(105,105);
    txi.lineTo(105,45);
    txi.lineTo(45,105);
    txi.closePath();
    txi.stroke();
    
    txi.beginPath();
    txi.moveTo(25,25);
    txi.lineTo(100,25);
    txi.lineTo(25,100);
    txi.stroke();
})

<canvas id="can" width="170" height="170"></canvas>

closePath();将路径闭合

下图是一个用了，闭合，一个没有用：

转载于:https://www.cnblogs.com/lufy/archive/2012/05/09/2491691.html