使用GM（）和NodeJS制作马赛克图像

Question

我想使用gm（）和NodeJS制作马赛克图像，但它看起来不适合我的代码，我认为问题是由于图像的原始大小600 * 200），我的模板比图像小...

我的结果应该是这样的：

我的代码：

gm() 
.in('-page', '+0+0') 
.in('./public/images/instafilm.jpg') // my empty template, white and 142 * 500 
.in('-page', '+10+10') 
.resize(122, 122, '!') 
.in('./public/images/firstimage.jpg') // 600 * 600 
.in('-page', '+10+132') 
.resize(122, 122, '!') 
.in('./public/images/secondimage.jpg') // 600 * 600 
.in('-page', '+10+164') 
.resize(122, 122, '!') 
.in('./public/images/thirdimage.jpg') // 600 * 600 
.in('-page', '+10+296') 
.resize(122, 122, '!') 
.in('./public/images/fourthimage.jpg') // 600 * 600 
.mosaic() 
.minify() 
.write(newFileName, function (err) { 
    if (!err) console.log('done'); 
    if (err) console.log(err); 
    callback(); 
}); 

Answer 1

我ñ ot专家在gm，但这里是我的建议：

您可以尝试并删除相对路径，并使用绝对代替。另外，我不确定你需要在所有.in('-page', '+10+xxx')之后调整大小，我认为你可能会删除所有附加的图像。

此外，我不认为你需要包装图像。无论如何，它将被创建。

尝试：

gm() 
.in('-page', '+10+10') 
.in('/usr/home/**/firstimage.jpg') // absolute path 
.in('-page', '+10+132') 
.in('./public/images/secondimage.jpg') //absolute path 
.in('-page', '+10+164') 
.in('/usr/home/**/thirdimage.jpg') //absolute path 
.in('-page', '+10+296') 
.in('/usr/home/**/fourthimage.jpg') //absolute path 
.mosaic() 
.minify() 
.write(myAbsoluteFilePath, function (err) { 
    if (!err) console.log('done'); 
    if (err) console.log(err); 
    callback(); 
}); 

如果你需要一个矩阵，你可以使用这样的：当我使用settings.imgSize.marginX和settings.imgSize.marginY在图像之间创造利润

var img = gm(); 

    for(var r = 0; r < settings.canvasSize.rows; r++){ 
     for(var c = 0; c < settings.canvasSize.cols; c++){ 
      var y = r * settings.imgSize.height + (settings.imgSize.marginY * r); 
      var x = c * settings.imgSize.width + (settings.imgSize.marginX * c); 

      img.in('-page', '+'+x+'+'+ y).in(settings.imgSize.path); 
     } 
    } 

    img 
     .mosaic() 
     .write(getNewFilename(), function(err){ 
      console.log(err); 
     }); 

。