使用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 字符串连接的性能问题(多浏览器)
Nov 18 Javascript
基于jquery实现漂亮的动态信息提示效果
Aug 02 Javascript
jquery如何判断某元素是否具备指定的样式
Nov 05 Javascript
查找页面中所有类为test的结点的方法
Mar 28 Javascript
JSON与String互转的实现方法(Javascript)
Sep 27 Javascript
写jQuery插件时的注意点
Feb 20 Javascript
微信小程序实现图片放大预览功能
Oct 22 Javascript
angular中ui calendar的一些使用心得(推荐)
Nov 03 Javascript
手把手教你用Node.js爬虫爬取网站数据的方法
Jul 05 Javascript
vue实现弹框遮罩点击其他区域弹框关闭及v-if与v-show的区别介绍
Sep 29 Javascript
基于vue-upload-component封装一个图片上传组件的示例
Oct 16 Javascript
Typescript3.9 常用新特性一览(推荐)
May 14 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中文件上传的一个问题
2010/09/04 PHP
php中全局变量global的使用演示代码
2011/05/18 PHP
PHP获取毫秒级时间戳的方法
2015/04/15 PHP
php操作redis缓存方法分享
2015/06/03 PHP
yii2.0框架多模型操作示例【添加/修改/删除】
2020/04/13 PHP
PHP 命名空间和自动加载原理与用法实例分析
2020/04/29 PHP
PHP7新特性
2021/03/09 PHP
基于jquery的一个图片hover的插件
2010/04/24 Javascript
javascript Array对象基础知识小结
2010/11/16 Javascript
简单纯js实现点击切换TAB标签实例
2015/08/23 Javascript
jquery实现LED广告牌旋转系统图片切换效果代码分享
2015/08/26 Javascript
获取IE浏览器Cookie信息的方法
2017/01/23 Javascript
jQuery基于ajax实现页面加载后检查用户登录状态的方法
2017/02/10 Javascript
Node.js 中exports 和 module.exports 的区别
2017/03/14 Javascript
浅析vue中的provide / inject 有什么用处
2019/11/10 Javascript
Node.js+Vue脚手架环境搭建的方法步骤
2020/03/08 Javascript
JS实现移动端可折叠导航菜单(现代都市风)
2020/07/07 Javascript
vue组件暴露和.js文件暴露接口操作
2020/08/11 Javascript
python中while循环语句用法简单实例
2015/05/07 Python
Python中死锁的形成示例及死锁情况的防止
2016/06/14 Python
python访问抓取网页常用命令总结
2017/04/11 Python
Python随机数用法实例详解【基于random模块】
2017/04/18 Python
django_orm查询性能优化方法
2018/08/20 Python
python爬虫 模拟登录人人网过程解析
2019/07/31 Python
python使用QQ邮箱实现自动发送邮件
2020/06/22 Python
Farnell德国:电子元器件供应商
2018/07/10 全球购物
英国时尚女装购物网站:Missguided
2018/08/23 全球购物
美国第二大连锁药店:Rite Aid
2019/04/03 全球购物
送餐员岗位职责范本
2014/02/21 职场文书
倡议书格式范文
2014/04/14 职场文书
中学生学雷锋演讲稿
2014/04/26 职场文书
领导班子作风建设剖析材料
2014/10/11 职场文书
工作证明书
2015/06/15 职场文书
2015年七夕情人节感言
2015/08/03 职场文书
实习员工转正的评语汇总,以备不时之需
2019/12/17 职场文书
mysql 8.0.24版本安装配置方法图文教程
2021/05/12 MySQL