nodejs编程实战之图片水印生成（一）

最新推荐文章于 2025-11-16 02:04:25 发布

原创

最新推荐文章于 2025-11-16 02:04:25 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#node.js

本文介绍了如何使用Node.js的jimp库为图片添加水印，详细讲解了读取图片、添加水印和处理半透明效果的步骤。内容包括加载字体、设置水印透明度以及处理多行水印的布局。此功能将应用于作者的小程序‘工具百宝箱’。

引言

图片加水印在生活中应用广泛，比如自媒体发布的图片都会带上水印，防止内容被搬运到其他平台；实名认证的身份证照片，会加上“仅作为XXX使用”的水印，防止身份证被滥用。本文从零开始介绍如何用nodejs为图片生成水印，本文的功能会发布到小编的小程序—“工具百宝箱”，欢迎拍砖。

一步一个脚印

加水印实际是对图片进行编辑，需要用到三方库—jimp，jimp全称为“JavaScript 图像编辑软件”。在package.json里面加入jimp依赖，将它引入到项目中。

{
  "name": "nodejs-console-app1",
   "main": "app.js",
  "dependencies": {
    "jimp": "0.16.1"
  }
}

&emps;jimp添加水印分为两个步骤：1. 读取需要添加水印的图片。2. 添加水印。代码如下：

'use strict';
//引入jimp
var jimp = require('jimp');
let sourceImage;
//读取原图
jimp.read("H:\\tmp\\12.jpg").then(image => {
    sourceImage = image;
    //加载水印字体
    return jimp.loadFont(jimp.FONT_SANS_64_BLACK);
}).then(font => {
    //生成水印并保存
    sourceImage.print(font, 10, 10, "lin test")
        .write("H:\\tmp\\12_water.jpg");//10表示水印开始的坐标，原点为左上角
})

在这里插入图片描述