Как получить скриншот модели GLTF в JavaScript?

Question

Я делаю веб-приложение AR, используя AR.js и React. Он визуализирует 3D-модель с использованием компонента <a-gltf-model> с помощью A-Frame, поскольку AR.js связан с A-Frame.

Я бы хотел сделать функцию сохранения любимых 3D models(gltf models) в качестве снимков экрана.

как получить скриншот модели gltf в javascript?

Answer 1

Вы можете сохранить текущее состояние элемента <canvas> A-Frame в изображение. См. Как сохранить холст как изображение с 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