2016-7-3 webGL

在canvas上绘制二位图形，需要经过以下三个步骤：

1、获取<canvas>元素

2、向该元素请求二维图形的“绘图上下文”

3、在绘图上下文调用相应的绘图函数，以绘制二维图形

使用上下文支持的方法来绘制二维图形：

RGB格式，RGBA格式，最后为透明度

<canvas>的坐标为x轴（正方向朝右），y轴（正方向朝下）

ctx.fillRect(120,10,150,150);前两个为x、y坐标后边为长和宽