随笔分类 -  WebGL

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

点击右上角即可分享
微信分享提示