框架中的屏幕截图导致空白png文件

Question

我正在尝试使用a-frame屏幕截图方法获取网络摄像头feed的屏幕截图：
document.querySelector（“ a-scene”）。components.screenshot.capture（“ perspective”）

这将导致空白的.png文件，大小为149 kB。 另外，我尝试使用以下代码捕获画布：

var canv = document.querySelector(".a-canvas");
var gl = canv.getContext("webgl", {preserveDrawingBuffer: true});
var image = canv.toDataURL("image/png").replace("image/png", "image/octet-stream");

此方法还会返回空白的png图像。

我也尝试过：

var image = scena.renderer.domElement.toDataURL('image/png');

但这仍然会显示空白图像（这次较小）。

要下载这些图像，我使用了下载按钮（请参阅pastebin）。\

我认为这与缓冲区有关，但是我不知道在何处刷新和绘制摄影机提要，因此无法在渲染开始之前设置getcontext缓冲区设置。

预先感谢

A框架版本：1.0.4
平台/设备：Surface Book 2（WSL）上的Ubuntu 20.4
可复制的代码段或URL：https://pastebin.com/7usM25se