node.js - 在 Node.js 中读取 PNG 图像

Question

Node.js 中是否有一种简单的方法来读取 PNG 文件并获取图像的像素？像node-image之类的东西，但另一种方式:)

我浏览了https://github.com/joyent/node/wiki/modules#wiki-graphics中列出的库，但它们要么是提供裁剪和调整大小的命令行工具的简单包装器，要么是复杂的绘图工具，如node-canvas.

Answer 1

这个在没有原生依赖的情况下同时进行 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]; // R
            this.data[idx+1] = 255 - this.data[idx+1]; // G
            this.data[idx+2] = 255 - this.data[idx+2]; // B

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

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

Answer 2

我正要疯狂搜索，但我找到了一个：

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

请注意，它是纯JavaScript。适用于浏览器 <canvas>和Node.JS。

除了widthand之外还有更多属性height，请参阅此来源。

Answer 3

我认为

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

应该

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