Node專案中用images+imageinfo庫給圖片批量新增水印
Nodejs給圖片批量新增水印
實現
本例 addimageinfo.js 與 marklogo.png 、imagest資料夾、node_modules 資料夾 在同一目錄下。
含子檔案也可實現
JS程式碼
若直接使用需修改一下資訊
var logomarkimg = images('./marklogo.png');//水印位置 var rmimgpath = "./imagest/img/";//新增圖片檔案加位置 var mark = "logo_";//另存圖片字首,若為""則替換原圖片
完整程式碼 addimageinfo.js
//引用檔案系統模組 var fs = require("fs"); //引用imageinfo模組 var imageInfo = require("imageinfo"); //引用images模組 var images = require('images'); var logomarkimg = images('./marklogo.png');//水印位置 var rmimgpath = "./imagest/img/";//新增圖片檔案加位置 var mark = "logo_";//另存圖片字首,若為""則替換原圖片 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)) }); return imageList; } }; //獲取資料夾下的所有圖片 var photos = getFiles.getImageFiles(rmimgpath); for (var i = 0; i < photos.length; i++) { var sourceImgpath = photos[i].path; var sourceImgname = photos[i].filename; var sourceImg = images(sourceImgpath + sourceImgname); var sWidth = sourceImg.width(); var sHeight = sourceImg.height(); var wmWidth = logomarkimg.width(); var wmHeight = logomarkimg.height(); images(sourceImg) // 設定繪製的座標位置,右下角距離 10px .draw(logomarkimg, sWidth - wmWidth - 10, sHeight - wmHeight - 10) // 儲存格式會自動識別 .save(sourceImgpath + mark + sourceImgname + ''); }
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70013874/viewspace-2855838/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 【Python】批量給圖片增加水印工具Python
- 商品圖片批量加水印,一鍵新增文字、logo圖片水印方法分享Go
- 轉:Java新增水印(圖片水印,文字水印)Java
- GD 庫 PNG 透明底圖片新增文字及圖片水印
- iOS 圖片上新增水印iOS
- Java 給 Word 文件每一頁新增不同圖片水印Java
- Ueditor上傳圖片自動新增水印(通用圖片檔案)
- HttpHandler給本站加圖片水印HTTP
- 批量照片水印新增工具
- Java使用Thumbnailator給圖片加水印JavaAI
- 用python來給圖片加水印Python
- node實現批量修改圖片尺寸
- vue專案新增圖片裁剪元件Vue元件
- Java 在Word中新增多行圖片水印Java
- 用canvas生成圖片為頁面新增水印Canvas
- ASP.NET Ueditor上傳圖片新增水印ASP.NET
- nginx 透過 php 代理給圖片加水印NginxPHP
- Ueditor 上傳圖片自動新增水印(只能上傳圖片,上傳檔案報錯)
- 美圖秀秀怎麼給圖片新增背景?美圖秀秀給圖片新增背景的教程
- Python批量圖片去水印,提高工作效率Python
- SpingBoot/JAVA實現給圖片加水印功能(通過thumbnailator庫)bootJavaAI
- PhpCms上傳圖片自動新增水印的方法教程PHP
- php圖片水印新增,壓縮,剪下的封裝類PHP封裝
- [譯] 給破碎圖片新增樣式
- 給網頁新增標題圖片網頁
- Java 給Word每一頁設定不同圖片水印效果Java
- C# 給Word每一頁設定不同圖片水印C#
- 給列表專案新增動畫動畫
- 「Python實用祕技04」為pdf檔案批量新增文字水印Python
- 將上傳圖片打上防偽圖片水印並寫入資料庫資料庫
- iOS-圖片水印,圖片裁剪和螢幕截圖iOS
- java 圖片水印處理類Java
- QT學習:給label新增圖片資源QT
- CSDN上傳圖片對水印操作
- php微擎功能-圖片加水印PHP
- PHP實現水印效果(文字、圖片)PHP
- 離屏Canvas——製作水印圖片Canvas
- CSDN圖片如何手動關閉水印 / 如何改變水印的樣式——CSDN圖片URl分析