使用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 相关文章推荐
IE innerHTML,outerHTML所引起的问题
Jun 04 Javascript
基于jquery的自定义鼠标提示效果 jquery.toolTip
Nov 14 Javascript
ie下动态加态js文件的方法
Sep 13 Javascript
javascript验证只能输入数字和一个小数点示例
Oct 21 Javascript
jquery如何根据值设置默认的选中项
Mar 17 Javascript
JavaScript常用脚本汇总(三)
Mar 04 Javascript
javascript中innerText和innerHTML属性用法实例分析
May 13 Javascript
js正则表达式中exec用法实例
Jul 23 Javascript
Javascript基础知识盲点总结之函数
May 15 Javascript
javascript 缓冲运动框架的实现
Sep 29 Javascript
用Vue.js在浏览器中实现裁剪图像功能
Jun 18 Javascript
node.js开发辅助工具nodemon安装与配置详解
Feb 06 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冒泡排序算法代码详细解读
2011/07/17 PHP
PHP读取CURL模拟登录时生成Cookie文件的方法
2014/11/04 PHP
学习php设计模式 php实现单例模式(singleton)
2015/12/07 PHP
PHPExcel笔记, mpdf导出
2016/05/03 PHP
javascript实现 在光标处插入指定内容
2007/05/25 Javascript
jquery插件制作 手风琴Panel效果实现
2012/08/17 Javascript
JS批量操作CSS属性详细解析
2013/12/16 Javascript
浅析jQuery EasyUI中的tree使用指南
2014/12/18 Javascript
js表头排序实现方法
2015/01/16 Javascript
javascript数据结构之双链表插入排序实例详解
2015/11/25 Javascript
JavaScript希尔排序、快速排序、归并排序算法
2016/05/08 Javascript
javascript解决小数的加减乘除精度丢失的方案
2016/05/31 Javascript
js replace(a,b)之替换字符串中所有指定字符的方法
2016/08/17 Javascript
AngularJS 服务详细讲解及示例代码
2016/08/17 Javascript
BootStrap轻松实现微信页面开发代码分享
2016/10/21 Javascript
js仿iphone秒表功能 计算平均数
2017/01/11 Javascript
深入理解Node中的buffer模块
2017/06/03 Javascript
JavaScript闭包的简单应用
2017/09/01 Javascript
Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题
2017/11/22 Javascript
Nodejs 识别图片类型的方法
2019/08/15 NodeJs
JS如何判断对象是否包含某个属性
2020/08/29 Javascript
vue路由结构可设一层方便动态添加路由操作
2020/08/31 Javascript
[06:07]DOTA2-DPC中国联赛3月5日Recap集锦
2021/03/11 DOTA
Python中if __name__ == "__main__"详细解释
2014/10/21 Python
基于Python实现通过微信搜索功能查看谁把你删除了
2016/01/27 Python
pygame游戏之旅 计算游戏中躲过的障碍数量
2018/11/20 Python
Python非单向递归函数如何返回全部结果
2020/12/18 Python
马来西亚时装购物网站:ZALORA马来西亚
2017/03/14 全球购物
材料加工硕士生求职信
2013/10/10 职场文书
医院检讨书范文
2014/02/01 职场文书
公开服务承诺制度
2014/03/26 职场文书
2014年六五普法工作总结
2014/11/25 职场文书
小浪底导游词
2015/02/12 职场文书
培训通知
2015/04/17 职场文书
《语言的突破》读后感3篇
2019/12/12 职场文书
CSS filter 有什么神奇用途
2021/05/25 HTML / CSS