如何使用HTML 5 标签

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