HTML5 canvas 绘图步骤

1.先把canvas选出来，不选出来你往哪儿画！

 var oCan=  document.getElementById('xxx');

2.声明基于 canvas 的context对象，没他你怎么调用方法画？！

   var cxt=oCan.getContext('2d');//还不支持3d呢

3.然后就用context对象的XXXStyle方法呗，你画画的时候不得选什么色儿的笔呀！(其实不选笔也行，默认就是黑色，此步骤可以省略)

   var cxt.fillStyle='Red';

 

4.想画啥玩意儿就用什么方法，自己看表格去：想画啥就点这儿看

5.想好了画啥就动笔吧！是fill还是stroke，就画呗。

   cxt.fill()实心滴 或 cxt.stroke()空心滴

画完就完了