Рендеринг на стороне сервера с помощью node-canvas.

Question

Я пытался визуализировать изображения, используя официальный пакет three.js, three на npm с помощью пакета canvas на npm. Пока что не много удачи.

Я считаю, что это должно быть возможным, поскольку холст узла (https://github.com/Automattic/node-canvas) является рендерером полного холста стека, я просто не знаю, как исправить мост между этой библиотекой и three.js, чтобы они работали вместе для серверных рендеринга

Вот мой подход не удалось:

следуя старой GitHub пост я сумел изменить начало файла three.js следующим образом:

var Canvas = require('canvas'); 

var self = self || {}; // File:src/Three.js 

var canvasWidth = 1024; 
var canvasHeight = 1024; 

var window = { 
    innerWidth: canvasWidth, 
    innerHeight: canvasHeight 
}; 

var document = { 
    createElement: function(name) { 
     if (name == "canvas") { 
      return new Canvas(canvasWidth, canvasHeight); 
     } 
    } 
}; 

теперь, когда я использую средство рендеринга для рендеринга, я не получаю ошибок.

renderer = new THREE.CanvasRenderer(); 

Не знаю, как я могу управлять этой штукой, чтобы вывести файл или вообще что-либо сделать.

Любая помощь понесена.

Answer 1

Библиотека использовать seems to provide toDataURL()

Таким образом, вы должны быть в состоянии сделать что-то вроде этого

renderer.render(); 
 

 
fs.writeFile('image.png', canvas.toDataURL(), function(){ 
 
    // done 
 
})