canvas

canvas绘制图形步骤：
①使用<canvas>元素创建一个画板区域，并获取该元素　var c = document.getElementById("c1");　

②通过获取的<canvas>元素，取得该元素的上下文环境对象　var ctx = c1.getContext("2d");　

③根据取得的上下文对象，在页面中绘制图形或动画：

ctx.lineWidth = 3; //设置笔触
ctx.strokeStyle = "#00F";//设置描边颜色
ctx.strokeRect(10,10,60,60);//绘制矩形
ctx.fillStyle = "#F00";//设置填充色
ctx.fillRect(25,25,50,50); //绘制带填充色的矩形