使用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 相关文章推荐
JXTree对象,读取外部xml文件数据,生成树的函数
Apr 02 Javascript
说说JSON和JSONP 也许你会豁然开朗
Sep 02 Javascript
JavaScript实现统计文本框Textarea字数增强用户体验
Dec 21 Javascript
jquery遍历函数siblings()用法实例
Dec 24 Javascript
jQuery通过ajax请求php遍历json数组到table中的代码(推荐)
Jun 12 Javascript
javascript 四十条常用技巧大全
Sep 09 Javascript
解析微信JS-SDK配置授权,实现分享接口
Dec 09 Javascript
微信小程序侧边栏滑动特效(左右滑动)
Jan 23 Javascript
Vue 过渡实现轮播图效果
Mar 27 Javascript
jQuery动态移除与增加onclick属性的方法详解
Jun 07 jQuery
解决vue 引入子组件报错的问题
Sep 06 Javascript
element上传组件循环引用及简单时间倒计时的实现
Oct 01 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一些公用函数的集合
2008/03/27 PHP
10个实用的PHP正则表达式汇总
2014/10/23 PHP
JS去除字符串的空格增强版(可以去除中间的空格)
2009/08/26 Javascript
Chrome中模态对话框showModalDialog返回值问题的解决方法
2010/05/25 Javascript
用jquery方法操作radio使其默认选项是否
2013/09/10 Javascript
Javascript中innerHTML用法实例分析
2015/01/12 Javascript
JavaScript 事件对象介绍
2015/04/13 Javascript
JS实现不使用图片仿Windows右键菜单效果代码
2015/10/22 Javascript
AngularJS使用angular-formly进行表单验证
2015/12/27 Javascript
sencha ext js 6 快速入门(必看)
2016/06/01 Javascript
js重写方法的简单实现
2016/07/10 Javascript
bootstrap读书笔记之CSS组件(上)
2016/10/17 Javascript
AngularJS入门教程之数据绑定用法示例
2016/11/01 Javascript
Angular中的$watch、$watchGroup、$watchCollection
2017/06/25 Javascript
vue采用EventBus实现跨组件通信及注意事项小结
2018/06/14 Javascript
layui前端框架之table表数据的刷新方法
2018/08/17 Javascript
[01:01:35]Optic vs paiN 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
tensorflow实现简单的卷积神经网络
2018/05/24 Python
python实现连连看辅助之图像识别延伸
2019/07/17 Python
python 计算方位角实例(根据两点的坐标计算)
2020/01/17 Python
学会python自动收发邮件 代替你问候女友
2020/05/20 Python
python使用自定义钉钉机器人的示例代码
2020/06/24 Python
python开根号实例讲解
2020/08/30 Python
苏格兰销售女装、男装和童装的连锁店:M&Co
2018/03/16 全球购物
英国儿童设计师服装和玩具购物网站:Zac & Lulu
2020/10/19 全球购物
abstract 可以和 virtual 一起使用吗?可以和 override 一起使用吗?
2012/10/15 面试题
饭店工作计划书
2014/01/10 职场文书
致全体运动员广播稿
2014/02/01 职场文书
小溪流的歌教学反思
2014/02/13 职场文书
会计入职心得体会
2016/01/22 职场文书
2016年学校党支部公开承诺书
2016/03/25 职场文书
2016年度农村党员干部主题教育活动总结
2016/04/06 职场文书
利用Nginx代理如何解决前端跨域问题详析
2021/04/02 Servers
详细总结Python常见的安全问题
2021/05/21 Python
PostgreSQL事务回卷实战案例详析
2022/03/25 PostgreSQL
JS前端监控采集用户行为的N种姿势
2022/07/23 Javascript