H5的CanvasAPI怎样绘制图形

//绘制一个填充矩形  

context.fillRect(x, y, width, height)  

//绘制一个边框矩形  

context.strokeRect(x, y, width, height)  

//清除一个矩形区域  

context.clearRect(x, y, width, height)

//示例  

context.beginPath();    //开始路径  

context.moveTo(40, 40);    //移动到点(40,40)  

context.lineTo(300, 40);    //画线到点(300,30)  

context.lineTo(40, 300);    //画线到点(40,300)  

context.closePath();    //结束路径  

context.stroke();    //绘制轮廓  

//或者填充用context.fill();

var color;  

//指定RGB值  

color = "rgb(255, 0, 0)";  

//指定RGBA值（最后一个参数为alpha值，取值0.0~1.0）  

color = "rgba(255, 0, 0, 1)";  

//指定16进制码  

color = "#FF0000";  

//用单词指定  

color = "red";  

//设置填充颜色  

context.fillStyle = color;  

//设置边框颜色  

context.strokeStyle = color;

//指定线宽值  

var value= 3;  

//设置边框颜色  

context.linewidth = value;