webGL单帧“截图”

尝试寻找类似的东西，但我没有运气。我正在尝试打开一个新选项卡，其中包含 webgl 图像当前状态的屏幕截图。基本上，它是一个 3D 模型，能够更改显示的对象、这些对象的颜色以及背景颜色。目前，我正在使用以下内容：

var screenShot = window.open(renderer.domElement.toDataURL("image/png"), 'DNA_Screen');

此行成功打开包含模型当前图像的新选项卡，但不显示当前背景颜色。它还无法正确显示选项卡名称。相反，选项卡名称始终为“PNG 1024x768”。

有没有办法改变我的 window.open 以显示背景颜色？正确的选项卡名称也很棒，但背景颜色是我最关心的。

如果您打开没有 URL 的窗口，您可以直接从打开该窗口的 JavaScript 访问它的整个 DOM。

var w = window.open('', '');

然后您可以设置或添加任何您想要的内容

w.document.title = "DNA_screen";
w.document.body.style.backgroundColor = "red";

并添加截图

var img = new Image();
img.src = someCanvas.toDataURL();
w.document.body.appendChild(img);