1

我想使用 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();
});
4

1 回答 1

0

我不是通用汽车的专家，但以下是我的建议：

您可以尝试删除相对路径并改用绝对路径。此外，我不确定您是否需要调整大小，因为.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();
});

如果你需要一个矩阵，你可以使用类似的东西：

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

我使用settings.imgSize.marginXandsettings.imgSize.marginY在图像之间创建边距的地方。

于 2015-09-01T11:33:04.767 回答