一、准備工作：
首先，確保你本地已經安裝好了node環境。
然后，我們進行圖像編輯操作需要用到一個Node.js的庫：images。
這個庫的地址是：https://github.com/zhangyuanwei/node-images，作者定義它為 “Node.js輕量級跨平台圖像編解碼庫” ，並提供了一系列接口。
我們要做的首先是安裝images庫：
npm install images
二、直接上DEMO：
步驟如下：
step1：文件夾結構
step2：JS代碼
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
var
images = require(
'images'
);
var
path = require(
'path'
);
var
watermarkImg = images(
'water_logo.png'
);
var
sourceImg = images(
'source.png'
);
// 比如放置在右下角，先獲取原圖的尺寸和水印圖片尺寸
var
sWidth = sourceImg.width();
var
sHeight = sourceImg.height();
var
wmWidth = watermarkImg.width();
var
wmHeight = watermarkImg.height();
images(sourceImg)
// 設置繪制的坐標位置，右下角距離 40px
.draw(watermarkImg, sWidth - wmWidth - 40, sHeight - wmHeight - 40)
// 保存格式會自動識別
.save(
'saveimg.png'
);
|
step3：運行node app命令
step4：運行node命令后，文件夾結構如下圖
step5：最終生成的加水印圖片
以上所述是小編給大家介紹的使用Node.js給圖片加水印的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！