html5 canvas 标签
canvas标签有两大作用,一是与 2d 的汇合,二是与3d的汇合,其中3d处使用的是 webgl
注意:webgl的y轴正方向由窗口的下方往上,而2d canvas的y轴正方向 则是由上往下。这是因为webgl基于传统图形学标准,而canvas和css是基于html坐标系y轴坐标系的约定(html的约定则来源于早期的窗口系统坐标方案。)
2d 部分
2d部分,所有的东西均正对着用户,可以当成一个画画的画布。
3d 部分
与webgl产生联系 。当成三维空间。
// 全局变量
var gl=null; 渲染上下文
var canvas=document.getElementById("OUTPUT-CANVAS");
gl=canvas.getContext("webgl"); //此处非常重要
还没有评论,来说两句吧...