如何在javascript中获取gltf模型的屏幕截图？

我正在使用AR.js和React制作AR web应用程序。 由于AR.js与A-Frame相关，因此它通过A-Frame使用

组件渲染三维模型

我想制作一个函数，将喜爱的3D

模型（gltf模型）

保存为屏幕截图

---

如何在javascript中获取gltf模型的屏幕截图？

您可以将A-Frame的

元素的当前状态保存到图像中。请参见或（在最简单的情况下）如下所示：

var canvas = sceneEl.canvas;

// here is the most important part because if you dont replace you will get a DOM 18 exception.
var image = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");  

window.location.href=image; // it will save locally

---

我已经用

document.querySelector（'a-scene'）.components.screenshot.getCanvas（'equirectangle'）

方法解决了这个问题，但是你的答案对我了解如何将画布保存为图像非常有帮助！非常感谢：）