HTML将WebGLCanvas另存为图像

webgl画布为空的原因在stackoverflow上至少回答了10次

通过canvas.toDataURL将画布保存到图像会产生黑色矩形

Canvas toDataURL()仅在Firefox中返回空白图像

webgl canvas返回透明图像的toDataURL()

为什么我的画布在转换为图像后会变成空白？

我知道还有几个,但我懒得去搜索所有这些

我没有将此标记为副本的唯一原因是因为你想从2幅画布中获得1 png.

如果你只需要1个png,那么你需要从一个画布中捕获.因此,将WebGL画布绘制到视频画布中,然后调用toDataURL视频画布.

const vctx = videocanvas.getContext('2d');
vctx.drawImage(webGLTestCanvas, 0, 0); 
const capturedImage = videocanvas.toDataURL();