使用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 相关文章推荐
利用JQuery和JS实现奇偶行背景颜色自定义效果
Nov 19 Javascript
JQuery分别取得每行最后一列和最后一行的示例代码
Aug 18 Javascript
屏蔽相应键盘按钮操作
Mar 10 Javascript
IE6/IE7中JavaScript json提示缺少标识符、字符串或数字问题处理
Dec 16 Javascript
jquery中animate的stop()方法作用实例分析
Jan 30 Javascript
web前端开发JQuery常用实例代码片段(50个)
Aug 28 Javascript
javascript每日必学之基础入门
Feb 16 Javascript
jquery对所有input type=text的控件赋值实现方法
Dec 02 Javascript
深入理解AngularJs-scope的脏检查(一)
Jun 19 Javascript
Webpack打包字体font-awesome的方法示例
Apr 26 Javascript
Vue项目vscode 安装eslint插件的方法(代码自动修复)
Apr 15 Javascript
小程序开发之模态框组件封装
Apr 23 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
PHP与已存在的Java应用程序集成
2006/10/09 PHP
php去除字符串中空字符的常用方法小结
2015/03/17 PHP
JQuery Ajax通过Handler访问外部XML数据的代码
2010/06/01 Javascript
JavaScript高级程序设计 扩展--关于动态原型
2010/11/09 Javascript
Jquery Ajax请求代码(2)
2011/01/07 Javascript
jquery ready函数、css函数及text()使用示例
2013/09/27 Javascript
nodejs通过phantomjs实现下载网页
2015/05/04 NodeJs
KnockoutJs快速入门教程
2016/05/16 Javascript
基于jQuery代码实现圆形菜单展开收缩效果
2017/02/13 Javascript
js 单引号替换成双引号,双引号替换成单引号的实现方法
2017/02/16 Javascript
Node.js中流(stream)的使用方法示例
2017/07/16 Javascript
Vue添加请求拦截器及vue-resource 拦截器使用
2017/11/23 Javascript
Vue二次封装axios为插件使用详解
2018/05/21 Javascript
Node.js中你不可不精的Stream(流)
2018/06/08 Javascript
[14:36]2014 DOTA2国际邀请赛中国区预选赛5.21 Orenda VS NE
2014/05/22 DOTA
从Python的源码来解析Python下的freeblock
2015/05/11 Python
Python中exit、return、sys.exit()等使用实例和区别
2015/05/28 Python
python中getaddrinfo()基本用法实例分析
2015/06/28 Python
Python利用QQ邮箱发送邮件的实现方法(分享)
2017/06/09 Python
使用Python实现简单的服务器功能
2017/08/25 Python
python得到windows自启动列表的方法
2018/10/14 Python
django session完成状态保持的方法
2018/11/27 Python
itchat-python搭建微信机器人(附示例)
2019/06/11 Python
Python实现查找数据库最接近的数据
2020/06/08 Python
详解Anaconda 的安装教程
2020/09/23 Python
欧洲高端品牌直销店:Fashionesta
2016/08/31 全球购物
澳大利亚在线家具、灯饰和家居装饰店:LivingStyles
2018/11/20 全球购物
您在慕尼黑的跑步商店:Lauf-bar
2019/10/11 全球购物
求职信需要的五点内容
2014/02/01 职场文书
三问三解心得体会
2014/09/05 职场文书
运动会跳远广播稿5篇
2014/09/17 职场文书
消防安全培训工作总结
2015/10/23 职场文书
2016年情人节广告语
2016/01/28 职场文书
毕业季聚会祝酒词!
2019/07/04 职场文书
2019年二手房买卖合同范本
2019/10/14 职场文书
浅析Python实现DFA算法
2021/06/26 Python