Three.js - Экспортировать текстуру как изображение

Question

Я визуализирую часть моей сцены, и я использую ее как текстуру на моем объекте. Но теперь я хочу экспортировать эту текстуру в качестве изображения. Есть идеи по этому поводу?

Это, как я создаю мою текстуру объект:

frameTexture = new THREE.WebGLRenderTarget(window.innerWidth, window.innerHeight, { minFilter: THREE.LinearFilter, magFilter: THREE.NearestFilter}); 

И поручаю эту текстуру на моем материале:

var material = new THREE.MeshBasicMaterial({map:frameTexture.texture}); 

И это, как я сделать его текстуру:

renderer.render(frameScene,frameCamera,frameTexture); 

Теперь вопрос заключается в том, как сохранить frameTexture как изображение.

Answer 1

Рендер изображение на холсте затем вызвать toDataURL

renderer.render(sceneThatHasASingleQuadPlaneUsingFrameTexture, camera); 
var dataURL = renderer.domElement.toDataURL(); 

Теперь вы можете сделать что-то с этим dataURL как открыть окно

window.open(dataURL, "image"); 

Или сделать изображение из него

var img = new Image(); 
img.src = dataURL; 
document.body.appendChild(img); 

Отправьте его на какой-либо сервер через XHR

const xhr = new XMLHttpReqeust(); 
xhr.open('PUT', 'https://myserverthatsavesimages.com', true); 
xhr.send(dataURL); 
... 

Etc ...