Lectura de una imagen PNG en Node.js

Question

¿Hay alguna manera fácil en Node.js de leer un archivo PNG y obtener los píxeles de la imagen? Algo así como node-image, pero a la inversa :)

Fui a través de las bibliotecas enumeradas en https://github.com/joyent/node/wiki/modules#wiki-graphics, pero son bien simples envolturas alrededor de las herramientas de línea de comandos que proporcionan cortar y redimensionar o herramientas de dibujo complejo como node-canvas.

Answer 1

Ésta hace tanto PNG codificación y decodificación sin dependencias nativas:

pngjs2 - PNG encoder/decoder for Node.js with no native dependencies.

Un ejemplo para invertir los colores de a PNG:

var fs = require('fs'), 
PNG = require('pngjs2').PNG; 

fs.createReadStream('in.png') 
    .pipe(new PNG()) 
    .on('parsed', function() { 

    for (var y = 0; y < this.height; y++) { 
     for (var x = 0; x < this.width; x++) { 
      var idx = (this.width * y + x) << 2; 

      // invert color 
      this.data[idx] = 255 - this.data[idx]; 
      this.data[idx+1] = 255 - this.data[idx+1]; 
      this.data[idx+2] = 255 - this.data[idx+2]; 

      // and reduce opacity 
      this.data[idx+3] = this.data[idx+3] >> 1; 
     } 
    } 

    this.pack().pipe(fs.createWriteStream('out.png')); 
}); 

Answer 2

Tome un vistazo a este screncast por Pedro Teixeira:

http://nodetuts.com/tutorials/3-flush-the-cat-filesystem-reading-files-streams-slow-clients-and-syspump.html#video

Se muestra cómo leer un archivo .jpg. Simplemente reemplace Content-Type con 'image/png'.

Answer 3

estaba a punto de se convirtió en la búsqueda loca, pero me pareció una:

png.js ― A PNG decoder in JS for the canvas element or Node.js.

var PNG = require('png-js'); 

var myimage = new PNG('myimage.png'); 

var width = myimage.width; 
var height = myimage.height; 

myimage.decode(function (pixels) { 
    //Pixels is a 1D array containing pixel data 
}); 

Tenga en cuenta que es pura JavaScript. Funciona tanto en el navegador<canvas> y en Node.JS.

Hay más propiedades aparte de width y height, ver this source.

Answer 4

creo

var myimage = new PNG('myimage.png'); 

debería ser

var myimage = new PNG.load('myimage.png');