Node项目中怎么用images+imageinfo库给图片批量添加水印
这篇文章主要介绍Node项目中怎么用images+imageinfo库给图片批量添加水印,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
Nodejs给图片批量添加水印环境准备
安装 images 库
npminstallimages
安装 imageinfo 库
npminstallimageinfo
实现
本例 addimageinfo.js 与 marklogo.png 、imagest文件夹、node_modules 文件夹 在同一目录下。
含子文件也可实现
JS代码
若直接使用需修改一下信息
varlogomarkimg=images('./marklogo.png');//水印位置varrmimgpath="./imagest/img/";//添加图片文件加位置varmark="logo_";//另存图片前缀,若为""则替换原图片
完整代码 addimageinfo.js
//引用文件系统模块varfs=require("fs");//引用imageinfo模块varimageInfo=require("imageinfo");//引用images模块varimages=require('images');varlogomarkimg=images('./marklogo.png');//水印位置varrmimgpath="./imagest/img/";//添加图片文件加位置varmark="logo_";//另存图片前缀,若为""则替换原图片functionreadFileList(path,filesList){varfiles=fs.readdirSync(path);files.forEach(function(itm,index){varstat=fs.statSync(path+itm);if(stat.isDirectory()){//递归读取文件readFileList(path+itm+"/",filesList)}else{varobj={};//定义一个对象存放文件的路径和名字obj.path=path;//路径obj.filename=itm//名字filesList.push(obj);}})}vargetFiles={//获取文件夹下的所有文件getFileList:function(path){varfilesList=[];readFileList(path,filesList);returnfilesList;},//获取文件夹下的所有图片getImageFiles:function(path){varimageList=[];this.getFileList(path).forEach((item)=>{varms=imageInfo(fs.readFileSync(item.path+item.filename));ms.mimeType&&(imageList.push(item))});returnimageList;}};//获取文件夹下的所有图片varphotos=getFiles.getImageFiles(rmimgpath);for(vari=0;i<photos.length;i++){varsourceImgpath=photos[i].path;varsourceImgname=photos[i].filename;varsourceImg=images(sourceImgpath+sourceImgname);varsWidth=sourceImg.width();varsHeight=sourceImg.height();varwmWidth=logomarkimg.width();varwmHeight=logomarkimg.height();images(sourceImg)//设置绘制的坐标位置,右下角距离10px.draw(logomarkimg,sWidth-wmWidth-10,sHeight-wmHeight-10)//保存格式会自动识别.save(sourceImgpath+mark+sourceImgname+'');}
运行
在目录下,运行node命令
node./addimageinfo.js
查看效果
以上是“Node项目中怎么用images+imageinfo库给图片批量添加水印”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。