html5 canvas 标签

桃扇骨 2024-04-17 05:51 105阅读 0赞

canvas标签有两大作用,一是与 2d 的汇合,二是与3d的汇合,其中3d处使用的是 webgl
注意:webgl的y轴正方向由窗口的下方往上,而2d canvas的y轴正方向 则是由上往下。这是因为webgl基于传统图形学标准,而canvas和css是基于html坐标系y轴坐标系的约定(html的约定则来源于早期的窗口系统坐标方案。)

2d 部分

2d部分,所有的东西均正对着用户,可以当成一个画画的画布。

3d 部分

与webgl产生联系 。当成三维空间。

  1. // 全局变量
  2. var gl=null; 渲染上下文
  3. var canvas=document.getElementById("OUTPUT-CANVAS");
  4. gl=canvas.getContext("webgl"); //此处非常重要

发表评论

表情:
评论列表 (有 0 条评论,105人围观)

还没有评论,来说两句吧...

相关阅读

    相关 html5 canvas 标签

    anvas标签有两大作用,一是与 2d 的汇合,二是与3d的汇合,其中3d处使用的是 webgl 注意:webgl的y轴正方向由窗口的下方往上,而2d canvas的...

    相关 HTML标签canvas

    `<canvas>` 是一个可以使用脚本(通常为[JavaScript][])在其中绘制图形的 [HTML][] 元素.它可以用于制作照片集或者制作简单(也可以是不简单)的动画

    相关 HTML5】——Canvas

    Canvas是HTML5中所有新特性中目前应用最广泛的一个,可以替代引入的图片(图形) 用途:完成HTML页面中的图形绘制,实现网络游戏或单击游戏(网页游戏),在HTML中