Подтвердить что ты не робот

Чтение PNG-изображения в Node.js

Есть ли простой способ в Node.js прочитать PNG файл и получить пиксели изображения? Что-то вроде node-image, но в остальном:)

Я просмотрел библиотеки, перечисленные в https://github.com/joyent/node/wiki/modules#wiki-graphics, но они либо простые обертки вокруг инструментов командной строки, которые обеспечивают обрезку и изменение размера или сложные инструменты рисования, такие как node-canvas.

4b9b3361

ОТВЕТЫ

Ответ 1

Это делает и PNG-декодирование и кодирование без натурных зависимостей:

pngjs2 - кодировщик/декодер PNG для Node.js без собственных зависимостей.

Пример инвертирования цветов 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'));
});

Ответ 2

Я собирался стать безумным поиском, но я нашел один:

png.js - PNG-декодер в JS для элемента холста или 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
});

Обратите внимание на чистый JavaScript. Работает как в браузере <canvas>, так и в Node.JS.

Есть больше свойств, кроме width и height, см. этот источник.

Ответ 3

Я думаю,

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

должен быть

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