本只是想给博客添加个水印,github 上搜索了半天,找了一个比较小巧的库,叫做 images。

这个库的地址是:http://github.com/zhangyuanwei/node-images,它是一个跨平台极为轻量的图片编解码工具,同时附加了一些图片的操作函数,如:

  • .size()比例伸缩
  • .draw(img, x, y)在图片上绘制一个图片
  • .encode()将图片解码到 buffer 中

给图片加水印主要就用到了.draw()函数。

首先需要安装images库:

npm install images

然后开撸,基本代码如下:

var images = require('images');
var path = require('path');
var watermarkImg = images(path.join(__dirname, 'path/to/watermark.ext'));
var sourceImg = images(path.join(__dirname, 'path/to/sourceImg.ext'));
var savePath = path.join(__dirname, 'path/to/saveImg.jpg');

// 比如放置在右下角,先获取原图的尺寸和水印图片尺寸
var sWidth = sourceImg.width();
var sHeight = sourceImg.height();
var wmWidth = watermarkImg.width();
var wmWidth = watermarkImg.height();

images(sourceImg)
  // 设置绘制的坐标位置,右下角距离 10px
  .draw(watermarkImg, sWidth - wmWidth - 10, sHeight - wmHeight - 10)
  // 保存格式会自动识别
  .save(savePath);

晒一张本博客的一个水印截图:

看到右下角的水印了么 ;)

至于批量加水印,额,for 循环吧,while 循环也行=。 =