原文地址: http://www.barretlee.com/blog/2015/09/08/add-watermark-to-images/
本只是想给博客添加个水印,github 上搜索了半天,找了一个比较小巧的库,叫做 images。
这个库的地址是: https://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(watermarkPath, sWidth - wmWidth - 10, sHeight - wmHeight - 10)
// 保存格式会自动识别
.save(savePath);
晒一张本博客的一个水印截图:
看到右下角的水印了么 ;)
至于批量加水印,额,for 循环吧,while 循环也行=。 =