图像中的图像（叠加图像）与 gm (GraphicsMagick)

Question

我想在调整后的图片上添加水印图片（徽标），您可以在下面的代码中看到。

谁能帮忙把不透明度50%的图片放在右下角？

var fs = require('fs')
  , gm = require('gm');

function walk(currentDirPath, callback) {
    var fs = require('fs'), path = require('path');
    fs.readdirSync(currentDirPath).forEach(function(name) {
        var filePath = path.join(currentDirPath, name);
        var stat = fs.statSync(filePath);
        if (stat.isFile()) {
            callback(filePath, stat);
        } else if (stat.isDirectory()) {
            walk(filePath, callback);
        }
    });
}


var inputDir = "/Users/USER/Desktop/src/"
var outputDir = "/Users/USER/Desktop/target/"
walk(inputDir, function(filePath, stat) {
    // match filename like IMG_1234.JPG
    var filename = filePath.match(/IMG_\d{4}.JPG/gmi).toString();
    console.log(filename);
    var outputfile = outputDir + filename

    var readStream = fs.createReadStream(filePath);
    gm(readStream, filename)
    .size({bufferStream: true}, function(err, size) {
      this.resize(size.width / 2, size.height / 2)
      this.write(outputfile, function (err) {
        if (!err) console.log('done');
      });
    });

});

Answer 1

解决方法如下：

.draw(['image Over 0,0 0,0 /Users/USER/Desktop/target/nike-global-diversity-logo.png'])

将这行代码放在 gm 调用之后和调整大小之前。

图像中的图像（叠加图像）与 gm (GraphicsMagick)

image in image (overlay image) with gm (GraphicsMagick)

watermark

graphicsmagick