closePath()并不是结束路径，而是闭合路径

closePath()是自动画一条直线与起点相连闭合路径，并不是与beginPath()一起使用来开启新路径和关闭路径，两者一毛钱关系都没有，beginPath()本身就有结束之前路径的作用

如下两段代码：

window.onload = function() {

var canvas = document.getElementById('canvas');

var context = canvas.getContext('2d');

    context.moveTo(50,50);

context.lineTo(500,400);

context.lineTo(500,50);

context.strokeStyle='red';

context.closePath();

context.stroke();

context.beginPath();

context.moveTo(50,50);

context.lineTo(500,225);

context.strokeStyle='green';

context.stroke();

}

开始只画了两条线段，closePath()自动闭合路径成一个三角形，后面把颜色改为绿色但是只影响最后画的一条线段并没有全部变绿，说明beginPath()已经结束了之前的路径