使用Node.js给图片加水印的方法

摘要:
然后,我们进行图像编辑操作需要用到一个Node.js的库:images。这个库的地址是:https://github.com/zhangyuanwei/node-images,作者定义它为“Node.js轻量级跨平台图像编解码库”,并提供了一系列接口。在此也非常感谢大家对脚本之家网站的支持!

一、准备工作:

首先,确保你本地已经安装好了node环境。

然后,我们进行图像编辑操作需要用到一个Node.js的库:images。

这个库的地址是:https://github.com/zhangyuanwei/node-images,作者定义它为 “Node.js轻量级跨平台图像编解码库” ,并提供了一系列接口。

我们要做的首先是安装images库:

npm install images

二、直接上DEMO:

步骤如下:

step1:文件夹结构

使用Node.js给图片加水印的方法第1张

step2:JS代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
varimages = require('images');
varpath = require('path');
varwatermarkImg = images('water_logo.png');
varsourceImg = images('source.png');
// 比如放置在右下角,先获取原图的尺寸和水印图片尺寸
varsWidth = sourceImg.width();
varsHeight = sourceImg.height();
varwmWidth = watermarkImg.width();
varwmHeight = watermarkImg.height();
images(sourceImg)
// 设置绘制的坐标位置,右下角距离 40px
.draw(watermarkImg, sWidth - wmWidth - 40, sHeight - wmHeight - 40)
// 保存格式会自动识别
.save('saveimg.png');

step3:运行node app命令

使用Node.js给图片加水印的方法第2张

step4:运行node命令后,文件夹结构如下图

使用Node.js给图片加水印的方法第3张

step5:最终生成的加水印图片

使用Node.js给图片加水印的方法第4张

以上所述是小编给大家介绍的使用Node.js给图片加水印的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

免责声明:文章转载自《使用Node.js给图片加水印的方法》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Echarts: 绘制完整中国地图jquery -- 触屏设备touch事件下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

zabbix proxy配置

一、zabbix官网对proxy的介绍 A Zabbix proxy can collect performance and availability data on behalf of the Zabbix server. This way, a proxy can take on itself some of the load of collectin...

RenderSprite小记

类型定义: 1 /** @private */ 2 public static const IMAGE:int = 0x01; 3 /** @private */ 4 public static const ALPHA:int = 0x02; //透明度变化 5 /** @private...

使用 GitHub Actions 实现 Hexo 博客自动部署

一、Hexo 相关知识点 静态博客简单,但是发布博文时稍显麻烦,一般需要下面两步: hexo clean hexo g -d // 相当于 hexo g + hexo d 如果考虑到同步源文件,还需要每次更改后,将源文件 push 到指定仓库: git push origin master 我们可以将 Hexo 文件分为两类,一类是源文件,即下面这些...

centos7中/tmp文件保存天数

不要在/tmp目录下保存文件,该目录会定期清理文件 /tmp默认保存10天 /var/tmp默认保存30天 配置文件:/usr/lib/tmpfiles.d/tmp.conf 默认配置文件:# This file is part of systemd.## systemd is free software; you can redistribute it...

go语言基础学习

go基础学习,面向对象-方法在Go语言中,可以给任意自定义类型(包括内置类型,但不包括指针类型)添加相应的方法 使用= 和:=的区别: // = 使用必须使用先var声明例如: var a a=100 //或 var b = 100 //或 var c int = 100 // := 是声明并赋值,并且系统自动推断类型,不需要var关键字 d :=...

Jqgrid获取行id

//获取选中行(单行)的ID var id = $("#table").jqGrid('getGridParam','selrow'); //根据id获取行数据,返回的是列表 var rowDatas = $("#table").jqGrid('getRowData', id);...