1、在html结构中声明canvas标签，并且添加描述，当浏览器不支持会显示。
2、在js中声明和初始化画布，id的名称就是html结构当中的id名称。
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');//表示是二维的空间
3、给画布填充颜色ctx.fillStyle='#FF0000'
如果不填充，默认是白色。颜色编码和一般css的编码一致。
4、设置画布显示的位置和大小，ctx.fillRect(10,0,160,100);
前两个数值是针对父DIV的绝对定位，后两个数值是画布的宽和高。
5、如果在画布上再画出一个圆圈或者一个弧度，可以添加context.arc(x,y,r,sAngle,eAngle,counterclockwise);
x,y是圆的中心坐标 r:圆的半径 sAngle：起始弧度 eAngle：结束弧度 counterclockwise:true(逆时针),false(顺时针)默认false
