Canvas线段终点和连线

function drawScreen(){
// 实例1：圆形端点、斜角连接、在画布左上角
context.strokeStyle="#000000";
context.lineWidth=10;
context.lineJoin="bevel";
context.lineCap="round";
context.beginPath();
context.moveTo(10,10);
context.lineTo(25,10);
context.lineTo(25,25);
context.stroke();
context.closePath();

// 实例二：平角端点，圆形连接，不在画布左上角
context.lineJoin="round";
context.lineCap="butt";
context.beginPath();
context.moveTo(10,40);
context.lineTo(25,40);
context.lineTo(25,55);
context.stroke();
context.closePath();
}