选项1：jpeg-js

Question

我一直在寻找一个npm模块，它将JPEG编码的文件转换为抽象格式，易于操作。例如这种格式允许用户轻松编辑给定位置的RGBA值，并将其写回缓冲区，类似于Python / Java中的图像处理库。

搜索已经从RGB值产生了这样的模块 - ＆gt; JPEG（https://github.com/pkrumins/node-image），但不是来自JPEG - ＆gt; RGB模型。这样的模块是否存在？

Answer 1

选项1：jpeg-js

// First load Image
var jpegData = fs.readFileSync('grumpycat.jpg');

// Decode Image
var rawImageData = jpeg.decode(jpegData);

// rawImageData => 
// {
//  data: [<red>, <green>, <blue>, <alpha>, <red>, <green>, <blue>, <alpha> ...]
//  width: 400
//  height: 300
// }

// Encode Image
jpegData = jpeg.encode(rawImageData, 50);

选项2：使用html5-canvas

function getImageData(url, callback){
    var canvas = document.getElementById('myCanvas');
    var context = canvas.getContext('2d');
    var img = new Image();
    img.onload = function(){
        context.drawImage(this, this.width, this.height);
        callback(context.getImageData(0, 0, this.width, this.height))
    }
    img.crossOrigin = 'Anonymous';
    img.src = url;
}


getImageData('<url-to-img>',function(imgData){
    console.log(imgData);
});

Answer 2

基于list的图形模块，您可以用它来直接进行挑战。谷歌也很安静但

我建议采用一种方法：使用node-canvas加载图像并将其绘制到画布中。然后，您可以使用getImageData访问像素，并随意使用它们。

顺便说一下，JPEG没有 A 频道，只有 RGB ，而画布确实有4个频道（ RGBA ）。

Answer 3

您可以使用GraphicsMagick将http://aheckmann.github.io/gm/

转换为RGBA

生成的“格式”是一个简单的RGBA流，便于操作。

使用相同的模块将结果导出为您喜欢的任何格式。

Answer 4

感谢。最后，我放弃了。

对我来说有用的是为现有的终端实用程序编写一个包装器，并从服务器脚本中调用它。效果很好！（：

用于Node JS的JPEG图像操纵器（来自JPEG文件转储）

4 个答案:

选项1：jpeg-js

选项2：使用html5-canvas