html5 ——canvas绘制直线和多边形

使用如下方法可绘制直线：

context.moveTo(100,100);
context.lineTo(700,700);//可多次调用形成连线

图形填充

context.fillStyle="rgb(183,69,76)";
context.fill();

图形绘制

context.stroke();

必须明白convas 的绘制是基于状态的进行绘制的，绘制多个图形将绘制代码放在begainPath和closePath之间，以防止被覆盖

context.begainPath()
....
context.closePath()

    
    


    
            当前浏览器存在兼容性问题