Node項目中怎么用images+imageinfo庫給圖片批量添加水印

這篇文章主要介紹Node項目中怎么用images+imageinfo庫給圖片批量添加水印，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：國際域名空間、網(wǎng)站空間、營銷軟件、網(wǎng)站建設(shè)、海西網(wǎng)站維護、網(wǎng)站推廣。

Nodejs給圖片批量添加水印

環(huán)境準備

安裝 images 庫

npm install images

安裝 imageinfo 庫

npm install imageinfo

實現(xiàn)

本例 addimageinfo.js 與 marklogo.png 、imagest文件夾、node_modules 文件夾 在同一目錄下。

含子文件也可實現(xiàn)

JS代碼

若直接使用需修改一下信息

var logomarkimg = images('./marklogo.png');//水印位置
var rmimgpath = "./imagest/img/";//添加圖片文件加位置
var mark = "logo_";//另存圖片前綴，若為""則替換原圖片

完整代碼 addimageinfo.js

//引用文件系統(tǒng)模塊
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)
        // 設(shè)置繪制的坐標位置，右下角距離 10px
        .draw(logomarkimg, sWidth - wmWidth - 10, sHeight - wmHeight - 10)
        // 保存格式會自動識別
        .save(sourceImgpath + mark + sourceImgname + '');
}

運行

在目錄下，運行node命令

node ./addimageinfo.js

查看效果

以上是“Node項目中怎么用images+imageinfo庫給圖片批量添加水印”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

新聞名稱：Node項目中怎么用images+imageinfo庫給圖片批量添加水印
網(wǎng)頁鏈接：http://www.muchs.cn/article0/jsosoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、品牌網(wǎng)站建設(shè)、品牌網(wǎng)站制作、手機網(wǎng)站建設(shè)、建站公司、企業(yè)網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)