使用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 相关文章推荐
javascript 浏览器检测代码精简版
Mar 04 Javascript
JavaScript中:表达式和语句的区别[译]
Sep 17 Javascript
nullJavascript中创建对象的五种方法实例
May 07 Javascript
javascript操纵OGNL标签示例代码
Jun 16 Javascript
jQuery读取XML文件内容的方法
Mar 09 Javascript
jQuery+Ajax+PHP弹出层异步登录效果(附源码下载)
May 27 Javascript
jQuery模仿单选按钮选中效果
Jun 24 Javascript
教你如何在Node.js中使用jQuery
Aug 28 Javascript
浅谈Angular 中何时取消订阅
Nov 22 Javascript
尝试自己动手用react来写一个分页组件(小结)
Feb 09 Javascript
Vue父组件调用子组件事件方法
Feb 23 Javascript
详解Vue slot插槽
Nov 20 Vue.js
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
iOS自定义提示弹出框实现类似UIAlertView的效果
2016/11/16 PHP
关于 Laravel Redis 多个进程同时取队列问题详解
2017/12/25 PHP
Javascript 中介者模式实例
2009/12/16 Javascript
js本身的局限性 别让javascript做太多事
2010/03/23 Javascript
javascript 另一种图片滚动切换效果思路
2012/04/20 Javascript
JavaScript中的数组操作介绍
2014/12/30 Javascript
javascript常见数据验证插件大全
2015/08/03 Javascript
JavaScript事件处理的方式(三种)
2016/04/26 Javascript
JS组件Bootstrap导航条使用方法详解
2016/04/29 Javascript
Bootstrap中点击按钮后变灰并显示加载中实例代码
2016/09/23 Javascript
js 博客内容进度插件详解
2017/02/19 Javascript
基于JS实现限时抢购倒计时间表代码
2017/05/09 Javascript
JavaScript仿微信(电话)联系人列表滑动字母索引实例讲解(推荐)
2017/08/16 Javascript
JS遍历DOM文档树的方法实例详解
2018/04/03 Javascript
jQuery简单实现根据日期计算星期几的方法
2019/01/09 jQuery
node.js中path路径模块的使用方法实例分析
2020/02/13 Javascript
python 实现堆排序算法代码
2012/06/05 Python
在类Unix系统上开始Python3编程入门
2015/08/20 Python
python使用socket创建tcp服务器和客户端
2018/04/12 Python
Scrapy基于selenium结合爬取淘宝的实例讲解
2018/06/13 Python
python中的字符串内部换行方法
2018/07/19 Python
python中的for循环
2018/09/28 Python
python多线程+代理池爬取天天基金网、股票数据过程解析
2019/08/13 Python
余弦相似性计算及python代码实现过程解析
2019/09/18 Python
Python解析多帧dicom数据详解
2020/01/13 Python
python实现低通滤波器代码
2020/02/26 Python
Python通过len函数返回对象长度
2020/10/22 Python
利用HTML5+css3+jquery+weui实现仿微信聊天界面功能
2018/01/08 HTML / CSS
澳大利亚最受欢迎的女士度假服装:Kabana Shop
2020/10/10 全球购物
行政部岗位职责范本
2014/03/13 职场文书
三好学生评语大全
2014/12/29 职场文书
科技活动总结范文
2015/05/11 职场文书
音乐会主持人开场白
2015/05/28 职场文书
2015年学校远程教育工作总结
2015/07/20 职场文书
研究生毕业登记表的自我鉴定范文
2019/07/15 职场文书
Python使用华为API为图像设置多个锚点标签
2022/04/12 Python