![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webgl
程序员老爸
原美图高级技术经理
展开
-
WebGL:顶点画线(连线)
WebGL顶点画线(连线)简述由于业务需要,所以本文主要介绍webgl上把顶点连接起来,为了方便后面的人员学习。开始做DemoDemo把5个顶点坐标用红线连接起来,形成一个不规则图形。首先需要Canvas,opengl都是基于Canvas来操作的, 宽高可以自己设定。<canvas id="canvas" height="600" width="600"></canvas>获取gl对象,用于后面的gl相关操作this.gl = document.getEle原创 2020-08-21 09:21:53 · 1218 阅读 · 0 评论 -
WebGL:显示图片
WebGL显示图片简述WebGL显示图片相对来说还是比较简单,跟Android,Python,IOS,C++等的用法都是差不多的,具体的opengl概念可以自己搜索。下面的介绍主要是基于Vue框架来设计做的Demo,不用vue的也可以简单的把代码移植过去。开始做一个Demo首先需要Canvas,opengl都是基于Canvas来操作的, 宽高可以自己设定。<canvas id="canvas" height="600" width="600"></canvas>原创 2020-08-20 14:20:28 · 2112 阅读 · 0 评论