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

Question

我正在使用AR.js制作AR网络应用程序并做出反应。由于<a-gltf-model>是与A帧相关的，所以它使用A帧来呈现三维模型。

我想做一个功能，以保存最喜欢的3D models(gltf models)屏幕截图。

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

Answer 1

可以将A-Frame的<canvas>元素的当前状态保存到图像中.请参见How To Save Canvas As An Image With canvas.toDataURL()?，或者(在最简单的情况下)如下所示：

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