当前位置: 首页 > 编程笔记 >

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

何昆
2023-03-14
本文向大家介绍使用Node.js给图片加水印的方法,包括了使用Node.js给图片加水印的方法的使用技巧和注意事项,需要的朋友参考一下

一、准备工作:

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

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

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

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

npm install images

二、直接上DEMO:

步骤如下:

step1:文件夹结构

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命令

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

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

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

 类似资料:
  • 本文向大家介绍写个给图片加水印的方法相关面试题,主要包含被问及写个给图片加水印的方法时的应答技巧和注意事项,需要的朋友参考一下 都用Canvas的方案解决 情况一:水印是图片(两张图片canvas.drawImage两次重叠即可) 情况二:水印是纯文字

  • 本文向大家介绍如何使用PHP给图片加水印,包括了如何使用PHP给图片加水印的使用技巧和注意事项,需要的朋友参考一下 为了防止辛苦做出来的图片被盗用,很多照片都会加上水印,可以直接用图片工具添加水印再上传,但PHP中就可以实现给图片加水印的功能,本文章向码农们介绍 php 给图片加水印的两种方法,感兴趣的码农可以参考一下本文章的源代码。 方法一:PHP最简单的加水印方法 方法二:php给图片加文字水

  • 本文向大家介绍php给图片加文字水印,包括了php给图片加文字水印的使用技巧和注意事项,需要的朋友参考一下 注释非常的详细了,这里就不多废话了 以上所述就是本文的全部内容了,希望大家能够喜欢。

  • 本文向大家介绍IOS给图片添加水印(两种方式),包括了IOS给图片添加水印(两种方式)的使用技巧和注意事项,需要的朋友参考一下 为了防止自己辛苦做的项目被别人盗走,采取图片添加水印,在此表示图片的独一无二。加水印不是在上面添加几个Label,而是我们把字画到图片上成为一个整体,下面小编给大家分享IOS给图片添加水印(两种方式)。 提供一个方法,此方法只需要传递一个要加水印的图片和水印的内容就达到效

  • A common use case for watermarking is to lay one image on top of another. The following examples demonstrate some of the pre-packaged image positioning functions that come with watermark.js. Lower Rig

  • 本文向大家介绍C#给图片添加水印完整实例,包括了C#给图片添加水印完整实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了C#给图片添加水印的方法。分享给大家供大家参考,具体如下: 希望本文所述对大家C#程序设计有所帮助。