使用Node.js给图片加水印的方法


Posted in Javascript onNovember 15, 2016

一、准备工作:

首先,确保你本地已经安装好了node环境。

然后,我们进行图像编辑操作需要用到一个Node.js的库:images。

这个库的地址是:https://github.com/zhangyuanwei/node-images,作者定义它为 “Node.js轻量级跨平台图像编解码库” ,并提供了一系列接口。

我们要做的首先是安装images库:

npm install images

二、直接上DEMO:

步骤如下:

step1:文件夹结构

使用Node.js给图片加水印的方法

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命令

使用Node.js给图片加水印的方法

step4:运行node命令后,文件夹结构如下图

使用Node.js给图片加水印的方法

step5:最终生成的加水印图片

使用Node.js给图片加水印的方法

以上所述是小编给大家介绍的使用Node.js给图片加水印的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Js如何判断客户端是PC还是手持设备简单分析
Nov 22 Javascript
javascript简单事件处理和with用法介绍
Sep 16 Javascript
使用jquery.qrcode生成彩色二维码实例
Aug 08 Javascript
Javascript 数组排序详解
Oct 22 Javascript
基于jquery的手风琴图片展示效果实现方法
Dec 16 Javascript
jquery表单验证插件(jquery.validate.js)的3种使用方式
Mar 28 Javascript
js实现图片放大和拖拽特效代码分享
Sep 05 Javascript
jquery mobile 实现自定义confirm确认框效果的简单实例
Jun 17 Javascript
vue.js源代码core scedule.js学习笔记
Jul 03 Javascript
最新Javascript程序员面试试题和解题方法
Nov 23 Javascript
vue源码中的检测方法的实现
Sep 26 Javascript
vue键盘事件点击事件加native操作
Jul 27 Javascript
Node.js批量给图片加水印的方法
Nov 15 #Javascript
AngularJS 中使用Swiper制作滚动图不能滑动的解决方法
Nov 15 #Javascript
AngularJS extend用法详解及实例代码
Nov 15 #Javascript
Windows系统下安装Node.js的步骤图文详解
Nov 15 #Javascript
jQuery checkbox选中问题之prop与attr注意点分析
Nov 15 #Javascript
javascript实现消灭星星小游戏简单版
Nov 15 #Javascript
js滚轮事件兼容性问题需要注意哪些
Nov 15 #Javascript
You might like
一个简单计数器的源代码
2006/10/09 PHP
php如何执行非缓冲查询API
2016/07/22 PHP
总结PHP内存释放以及垃圾回收
2018/03/29 PHP
js 对象是否存在判断
2009/07/15 Javascript
js中一个函数获取另一个函数返回值问题探讨
2013/11/21 Javascript
Javascript闭包(Closure)详解
2015/05/05 Javascript
javascript实现带下拉子菜单的导航菜单效果
2015/05/14 Javascript
比例尺、缩略图、平移缩放之百度地图添加控件方法
2015/08/03 Javascript
JS弹出层遮罩,隐藏背景页面滚动条细节优化分析
2016/04/29 Javascript
JS判断iframe是否加载完成的方法
2016/08/03 Javascript
浅析Node.js实现HTTP文件下载
2016/08/05 Javascript
vue2.0中click点击当前li实现动态切换class
2017/06/21 Javascript
Angular CLI 使用教程指南参考小结
2019/04/10 Javascript
JS localStorage存储对象,sessionStorage存储数组对象操作示例
2020/02/15 Javascript
Python实现股市信息下载的方法
2015/06/15 Python
关于Python如何避免循环导入问题详解
2017/09/14 Python
Python实现的朴素贝叶斯算法经典示例【测试可用】
2018/06/13 Python
pygame游戏之旅 添加游戏界面按键图形
2018/11/20 Python
Appium+Python自动化测试之运行App程序示例
2019/01/23 Python
python跳出双层for循环的解决方法
2019/06/24 Python
python绘制玫瑰的实现代码
2020/03/02 Python
python的pip有什么用
2020/06/17 Python
python中os.remove()用法及注意事项
2021/01/31 Python
Ray-Ban雷朋美国官网:全球领先的太阳眼镜品牌
2016/07/20 全球购物
缅甸网上购物:Shop.com.mm
2017/12/05 全球购物
吉列剃须刀美国官网:Gillette美国
2018/07/13 全球购物
电气工程及自动化专业自荐书范文
2013/12/18 职场文书
校庆接待方案
2014/03/18 职场文书
社区党员公开承诺书
2014/08/30 职场文书
乡镇挂职心得体会
2014/09/04 职场文书
党员领导干部民主生活会批评与自我批评发言
2014/09/28 职场文书
施工单位工程部经理岗位职责
2015/04/09 职场文书
2015年办公室人员工作总结
2015/05/15 职场文书
2015年社区国庆节活动总结
2015/07/30 职场文书
导游经典开场白——导游词
2019/04/17 职场文书
MySQL 用 limit 为什么会影响性能
2021/09/15 MySQL