如何用Node.js为图片高效添加半透明水印？

本文共计1483个文字，预计阅读时间需要6分钟。

如何利用Node.js给图片添加水印？

以下章节通过示例介绍如何使用Node.js为图片添加全屏半透明水印。

希望对大家有所帮助！

作为中后台项目的导出功能，经常会要求具备以下准备：

导出

怎么利用nodejs给图片添加水印？下面本篇文章通过示例来介绍一下使用node为图片添加全页面半透明水印的方法，希望对大家有所帮助！

作为中后台项目的导出功能，通常会被要求具备导出的追溯能力。

当导出的数据形态为图片时，一般会为图片添加水印以达到此目的。

DEMO

那么在导出图片前如何为其添加上可以作为导出者身份识别的水印呢？先看成品：

上图原图为我随便在网上找的一张图片，添加水印之后的效果如图所示。

业务需求分解

这里我们需要考虑在此业务场景之下，这个需求的三个要点：

• 水印需要铺满整个图片
• 水印文字成半透明状，保证原图的可读性
• 水印文字应清晰可读

选型

如我一样负责在一个node.js server上实现以上需求，可选项相当多，比如直接使用c lib imagemagick或者已有人封装的各种node watermarking库。在本文中，我们将选择使用对Jimp库的封装。