第十五章 使用 Canvas 绘图

1. 2D上下文的坐标开始于<canvas>元素的左上角,原点坐标是( 0 , 0 )


2. OpenGL以及WebGL的方法名的后缀会包含参数个数(1到4)和接受的数据类型( f 表示浮点数, i 表示整数),方法名中字母v(即vector,矢量)表示方法接收数组参数而非一个个单独的参数。例如:gl.uniform4f() 意味着接收4个浮点数,gl.uniform3i() 表示接收3个整数,gl.uniform3iv() 表示接收3个整数数组。


3. WebGL视口坐标的原点( 0 , 0 )在<canvas>元素的左下角;在视口内部,坐标原点( 0 , 0 )是视口的中点


4.某个浏览器支持WebGL至少意味着两件事:

①浏览器本身必须实现了WebGL API

②计算机必须升级显示驱动程序

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • WebGL从2012年开始接触,后面因为开始专注前端其他方面的事情,慢慢地就把它给遗忘。最近前端开始又流行起绘画制...
    我不是传哥阅读 4,375评论 1 22
  • 第三章 管线一览 本章我们会学到什么 OpenGL管线的每个阶段做什么的 如果连接着色器和固定功能管线阶段 如果创...
    葭五阅读 6,510评论 2 18
  • 本章内容 理解 元素 绘制简单的 2D 图形 使用 WebGL 绘制 3D 图形 这个元素负责在页面中设定一个区域...
    闷油瓶小张阅读 997评论 0 0
  • 微信小程序开发之小程序删除处理步骤教程: 没有 confrim 那怎么实现这个效果呢 可以使用小程序里的模态框 代...
    第九程序官方阅读 841评论 0 1
  • 寥落的星星 躺在深蓝天空上 拿柔柔白云 盖在闪亮脸庞 月亮很甘心 做一枚安静的 电灯泡 用桔色光照耀 这一对 不相...
    桂之华阅读 246评论 4 2

友情链接更多精彩内容