用node.js給圖片加水印


一、准備工作:

首先,確保你本地已經安裝好了node環境。
然后,我們進行圖像編輯操作需要用到一個Node.js的庫:images
這個庫的地址是:https://github.com/zhangyuanwei/node-images,作者定義它為 “Node.js輕量級跨平台圖像編解碼庫” ,並提供了一系列接口。
我們要做的首先是安裝images庫:

npm install images



二、直接上DEMO:

步驟如下:
step1:文件夾結構

 


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

step3:運行node app命令

 


step4:運行node命令后,文件夾結構如下圖

 


step5:最終生成的加水印圖片

 





免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM