画布

   context:一直觉得这个翻译成“上下文”真够蛋疼的，context是一个封装了很多绘图功能的对象，获取这个对象的方法是  

        var context =canvas.getContext("2d");

        也许这个2d勾起了大家的无限遐想，但是很遗憾的告诉你html5还只是个少女，不提供3d服务。

   

    canvas元素绘制图像的时候有两种方法，分别是

        context.fill()//填充

        context.stroke()//绘制边框

   

    style:在进行图形绘制前，要设置好绘图的样式

        context.fillStyle//填充的样式

        context.strokeStyle//边框样式

   

    context.lineWidth//图形边框宽度

   

    颜色的表示方式:

         直接用颜色名称:"red" "green" "blue"

         十六进制颜色值: "#EEEEFF"

         rgb(1-255,1-255,1-255)

         rgba(1-255,1-255,1-255,透明度)

 

     和GDI是如此的相像，所以用过GDI的朋友应该很快就能上手