使用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 简单图片导航插件jquery.imgNav.js
Mar 17 Javascript
jQuery 在光标定位的地方插入文字的插件
May 10 Javascript
javascript获取选中的文本的方法代码
Oct 30 Javascript
JS简单判断函数是否存在的方法
Feb 13 Javascript
分享一道关于闭包、bind和this的面试题
Feb 20 Javascript
基于jQuery实现文字打印动态效果
Apr 21 jQuery
JS使用cookie实现只出现一次的广告代码效果
Apr 22 Javascript
网页爬虫之cookie自动获取及过期自动更新的实现方法
Mar 06 Javascript
对vue2.0中.vue文件页面跳转之.$router.push的用法详解
Aug 24 Javascript
js+html实现周岁年龄计算器
Jun 25 Javascript
ES6 Set结构的应用实例分析
Jun 26 Javascript
js 实现验证码输入框示例详解
Sep 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编写文件多服务器同步程序
2016/07/02 PHP
PHP利用pdo_odbc实现连接数据库示例【基于ThinkPHP5.1搭建的项目】
2019/05/13 PHP
关于实现代码语法标亮 dp.SyntaxHighlighter
2007/02/02 Javascript
JavaScript中的Screen屏幕对象
2008/01/16 Javascript
javascript 特殊字符串
2009/02/25 Javascript
Mootools 1.2教程 函数
2009/09/15 Javascript
基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码(带平滑移动的效果)
2011/05/24 Javascript
js关闭父窗口时关闭子窗口
2013/04/01 Javascript
javascript实现可改变滚动方向的无缝滚动实例
2013/06/17 Javascript
JSF中confirm弹出框的用法示例介绍
2014/01/07 Javascript
javascript实现完美拖拽效果
2015/05/06 Javascript
6种javascript显示当前系统时间代码
2015/12/01 Javascript
基于bootstrap插件实现autocomplete自动完成表单
2016/05/07 Javascript
轻松掌握JavaScript状态模式
2016/09/07 Javascript
easyui datebox 时间限制,datebox开始时间限制结束时间,datebox截止日期比起始日期大的实现代码
2017/01/12 Javascript
很棒的一组js图片轮播特效
2017/01/12 Javascript
微信小程序 数据交互与渲染实例详解
2017/01/21 Javascript
基于Vue全局组件与局部组件的区别说明
2020/08/11 Javascript
对于Python的框架中一些会话程序的管理
2015/04/20 Python
Python自动调用IE打开某个网站的方法
2015/06/03 Python
Python3如何解决字符编码问题详解
2017/04/23 Python
Python自定义一个类实现字典dict功能的方法
2019/01/19 Python
Python3使用TCP编写一个简易的文件下载器功能
2019/05/08 Python
python3 自动识别usb连接状态,即对usb重连的判断方法
2019/07/03 Python
Python产生一个数值范围内的不重复的随机数的实现方法
2019/08/21 Python
matplotlib绘制多个子图(subplot)的方法
2019/12/03 Python
python filecmp.dircmp实现递归比对两个目录的方法
2020/05/22 Python
如何使用python记录室友的抖音在线时间
2020/06/29 Python
keras的三种模型实现与区别说明
2020/07/03 Python
BabyBjörn婴儿背带法国官网:BabyBjorn法国
2018/06/16 全球购物
西班牙最大的婴儿用品网上商店:Bebitus
2019/05/30 全球购物
俄罗斯披萨、寿司和面食送货到家服务:2 Берега
2019/12/15 全球购物
Yahoo-PHP面试题2
2014/12/06 面试题
室内拓展活动方案
2014/02/13 职场文书
劳模先进事迹材料
2014/12/24 职场文书
MySQL 语句执行顺序举例解析
2022/06/05 MySQL