欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Node.js批量給圖片加水印的方法

 更新時間:2016年11月15日 16:33:33   作者:敲代碼的怪蜀黍  
這篇文章主要介紹了Node.js批量給圖片加水印的方法,本文分步驟給大家介紹的非常詳細,需要的朋友可以參考下

一、準備工作:

首先,你要閱讀完這篇文章:http://www.dbjr.com.cn/article/97391.htm。

然后,我們安裝node.js的一個模塊:imageinfo。

npm install imageinfo

二、直接上DEMO:

步驟如下:

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

step2:JS代碼

//引用文件系統(tǒng)模塊
var fs = require("fs");
//引用imageinfo模塊
var imageInfo = require("imageinfo");
//引用images模塊
var images = require('images');
var watermarkImg = images('water_logo.png');
function readFileList(path, filesList) {
var files = fs.readdirSync(path);
files.forEach(function (itm, index) {
var stat = fs.statSync(path + itm);
if (stat.isDirectory()) {
//遞歸讀取文件
readFileList(path + itm + "/", filesList)
} else {
var obj = {};//定義一個對象存放文件的路徑和名字
obj.path = path;//路徑
obj.filename = itm//名字
filesList.push(obj);
}
})
}
var getFiles = {
//獲取文件夾下的所有文件
getFileList: function (path) {
var filesList = [];
readFileList(path, filesList);
return filesList;
},
//獲取文件夾下的所有圖片
getImageFiles: function (path) {
var imageList = [];
this.getFileList(path).forEach((item) => {
var ms = imageInfo(fs.readFileSync(item.path + item.filename));
ms.mimeType && (imageList.push(item.filename))
});
return imageList;
}
};
//獲取文件夾下的所有圖片
var photos = getFiles.getImageFiles("./public/");
for (var i = 0; i < photos.length; i++) {
var sourceImg = images('./public/'+photos[i]);
var sourceImgName = photos[i];
var sWidth = sourceImg.width();
var sHeight = sourceImg.height();
var wmWidth = watermarkImg.width();
var wmHeight = watermarkImg.height();
images(sourceImg)
// 設(shè)置繪制的坐標位置,右下角距離 40px
.draw(watermarkImg, sWidth - wmWidth - 40, sHeight - wmHeight - 40)
// 保存格式會自動識別
.save('./saveImg/'+ sourceImgName+'');
}

step3:運行node命令后,文件夾結(jié)構(gòu)如下圖

step4:查看批量加水印的圖片

以上所述是小編給大家介紹的Node.js批量給圖片加水印的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

  • express+multer上傳圖片打開亂碼問題及解決

    express+multer上傳圖片打開亂碼問題及解決

    這篇文章主要介紹了express+multer上傳圖片打開亂碼問題及解決方案,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-09-09
  • node Buffer緩存區(qū)常見操作示例

    node Buffer緩存區(qū)常見操作示例

    這篇文章主要介紹了node Buffer緩存區(qū)常見操作,涉及node.js操作Buffer緩存的創(chuàng)建、寫入、讀取、轉(zhuǎn)換等相關(guān)實現(xiàn)技巧,需要的朋友可以參考下
    2019-05-05
  • nvm管理node版本的詳細圖文教程

    nvm管理node版本的詳細圖文教程

    nvm全英文也叫node.js version management,是一個nodejs的版本管理工具,下面這篇文章主要給大家介紹了關(guān)于nvm管理node版本的詳細圖文教程,文中通過圖文介紹的非常詳細,需要的朋友可以參考下
    2022-12-12
  • 淺析node Async異步處理模塊用例分析及常用方法介紹

    淺析node Async異步處理模塊用例分析及常用方法介紹

    這篇文章主要介紹了淺析node Async異步處理模塊用例分析及常用方法介紹,需要的朋友可以參考下
    2017-11-11
  • Nodejs中session的簡單使用及通過session實現(xiàn)身份驗證的方法

    Nodejs中session的簡單使用及通過session實現(xiàn)身份驗證的方法

    session的本質(zhì)使用cookie來實現(xiàn)。本文給大家介紹Nodejs中session的簡單使用及通過session實現(xiàn)身份驗證的方法,對node.js session相關(guān)知識感興趣的朋友一起學習吧
    2016-02-02
  • nodejs根據(jù)ip數(shù)組在百度地圖中進行定位

    nodejs根據(jù)ip數(shù)組在百度地圖中進行定位

    本文主要介紹了nodejs根據(jù)ip數(shù)組在百度地圖中進行定位的方法,具有很好的參考價值。下面跟著小編一起來看下吧
    2017-03-03
  • node.js中http模塊和url模塊的簡單介紹

    node.js中http模塊和url模塊的簡單介紹

    這篇文章主要給大家簡單介紹了關(guān)于node.js中的http模塊和url模塊,文中通過示例代碼介紹的非常詳細,對大家學習或者使用node.js具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧。
    2017-10-10
  • Node.js?網(wǎng)絡框架koa?compose中間件使用解析

    Node.js?網(wǎng)絡框架koa?compose中間件使用解析

    這篇文章主要為大家介紹了Node.js?網(wǎng)絡框架koa?compose中間件使用解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-12-12
  • Node.js的項目構(gòu)建工具Grunt的安裝與配置教程

    Node.js的項目構(gòu)建工具Grunt的安裝與配置教程

    Grunt是為Node打造的項目構(gòu)建工具,相當于C/C++世界中的makefile,可以執(zhí)行像壓縮、編譯、單元測試、代碼檢查以及打包發(fā)布的任務,下面我們就來一起看一下Node.js的項目構(gòu)建工具Grunt的安裝與配置教程:
    2016-05-05
  • Node.js自動生成API文檔的實現(xiàn)

    Node.js自動生成API文檔的實現(xiàn)

    本文主要介紹了Node.js自動生成API文檔,包含基于swagger-jsdoc+swagger-ui-express快速實現(xiàn),具有一定的參考價值,感興趣的可以了解一下
    2024-03-03

最新評論