使用Node.js給圖片加浮水印的方法,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:最終產生的加浮水印圖片
以上所述是小編給大家介紹的使用Node.js給圖片加浮水印的方法,希望對大家有所協助,如果大家有任何疑問請給我留言,小編會及時回複大家的。在此也非常感謝大家對幫客之家網站的支援!