2016-7-3 webGL

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

1、获取<canvas>元素

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

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

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


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

<canvas>的坐标为x轴(正方向朝右),y轴(正方向朝下)

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

posted @ 2016-07-03 16:20  沙漏dan  阅读(101)  评论(0编辑  收藏  举报