html5-canvas画一条直线

<!--canvas 标签-->

<canvas width="500" height="800"    id="canvas">
</canvas>

<!--获取画布DOM  还不可以操作-->
var canvas=document.getElementById('canvas');

<!--   //设置绘图环境-->

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





//开启新路径
cxt.beginPath();
//设定画笔的宽度
cxt.lineWidth=10;
//设置画笔的颜色
cxt.strokeStyle="#ff9900";
//设定笔触的位置
cxt.moveTo(20,20);
//设置移动的方式
cxt.lineTo(100,20);
//画线
cxt.stroke();
//封闭路径
cxt.closePath();