Đọc hình ảnh PNG trong Node.js

Question

Có cách nào dễ dàng trong Node.js để đọc tệp PNG và nhận được pixel của hình ảnh không? Một cái gì đó như node-image, nhưng cách khác :)

tôi đã đi qua các thư viện được liệt kê ở https://github.com/joyent/node/wiki/modules#wiki-graphics, nhưng họ là một trong hai giấy gói đơn giản xung quanh các công cụ dòng lệnh cung cấp cắt xén và thay đổi kích thước hoặc các công cụ vẽ phức tạp như node-canvas.

Answer 1

Cái này hiện cả hai PNG giải mã và mã hóa mà không dependancies mẹ đẻ:

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

Một ví dụ cho đảo ngược màu sắc của 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

Hãy xem screncast này bởi Pedro Teixeira:

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

Nó thể hiện như thế nào để đọc một file .jpg. Chỉ cần thay thế Loại nội dung bằng 'hình ảnh/png'.

Answer 3

tôi sắp sửa trở thành tìm kiếm điên, nhưng tôi tìm thấy một:

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 
}); 

Xin lưu ý đó là tinh khiết JavaScript. Hoạt động cả trong trình duyệt <canvas> và trong Nút.JS.

Có nhiều thuộc tính ngoài width và height, xem this source.

Answer 4

Tôi nghĩ

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

nên

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