使用Node.js給圖片加水印的方法

2019-11-19 18:58:12

字體：大中小

來源：轉(zhuǎn)載

供稿：網(wǎng)友

一、準(zhǔn)備工作：

首先，確保你本地已經(jīng)安裝好了node環(huán)境。

然后，我們進(jìn)行圖像編輯操作需要用到一個Node.js的庫：images。

這個庫的地址是：https://github.com/zhangyuanwei/node-images，作者定義它為 “Node.js輕量級跨平臺圖像編解碼庫” ，并提供了一系列接口。

我們要做的首先是安裝images庫：

npm install images

二、直接上DEMO：

步驟如下：

step1：文件夾結(jié)構(gòu)

step2：JS代碼

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)// 設(shè)置繪制的坐標(biāo)位置，右下角距離 40px.draw(watermarkImg, sWidth - wmWidth - 40, sHeight - wmHeight - 40)// 保存格式會自動識別.save('saveimg.png');

step3：運行node app命令