随笔分类 - WebGL
WebGL使用踩坑记录
摘要:首先,你需要一个这样的视频 或者一个这样的视频 尽量使得视频尺寸宽高比为1:2或者2:1,这样渲染出来的视频就是1:1大小了。然后用webgl将视频渲染在画布上,渲染的同时将视频上下,或者左右进行叠加计算。 webgl渲染可以用three.js,上下叠加的代码如下: import * as THRE
阅读全文
摘要:这个问题很好解决,就是在获取webgl对象的时候,多传入一个{preserveDrawingBuffer: true},然后在使用canvas.toDataURL()获取就能够获取到了。案例: var canvas = document.getElementById("canva
阅读全文