canvas标签__线段(新手随笔)

1.在body中写一个canvas标签

　　注：只能在行内写canvas的高宽

2.在script中获取canvas

3.getContext("2d") 声明方法，通过getContext进行绘画

4.moveTo( )为线段的起点，括号里里有两个数，分别为起点的横纵坐标

5.lineTo( )为线段的终点，括号里里有两个数，分别为终点的横纵坐标

6.stroke()就把两个点连成一条线段

7.lineCap是设置线段的两个头，round：圆角、butt：默认、square：平角

　　例：var c=获取节点

　　　　var ctr=c.getContext("2d");

　　　　ctx.moveTo(20,20);

　　　　ctx.lineTo(20,80);

　　　　ctx.lineCap="round";

　　　　ctx.stroke();