web-dev-qa-db-ja.com

Node.jsでPNG画像を読み取る

Node.jsでPNGファイルを読み取って画像のピクセルを取得する簡単な方法はありますか？ node-image のようなものですが、反対の方法です:)

https://github.com/joyent/node/wiki/modules#wiki-graphics にリストされているライブラリを調べましたが、それらは、トリミングとサイズ変更を提供するコマンドラインツールの単純なラッパー、または複雑なものですnode-canvasなどの描画ツール。

node.jspng
18
Jan Špaček

これは、ネイティブの依存関係なしでPNGのデコードとエンコードの両方を行います。

pngjs-ネイティブな依存関係のないNode.js用のPNGエンコーダー/デコーダー

PNGの色を反転する例：

var fs = require('fs'),
PNG = require('pngjs').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'));
});
20
P.D.P.

私は気が狂いそうになりそうでしたが、見つけました：

png.js ―キャンバス要素またはNode.js用のJSのPNGデコーダー

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

pureJavaScriptであることに注意してください。 ブラウザ<canvas>とNode.JSの両方で機能します。

widthとheight以外のプロパティは他にもあります。 このソース を参照してください。

16
Alba Mendez

おもう

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

する必要があります

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