Node.js で画像のウォーターマークを削除する方法について話しましょう

Web開発では写真素材が必須ですが、写真によっては透かしが入っている場合があり、その際にツールを使って透かしを除去する必要があります。この記事では、Node.jsを使って画像のウォーターマークを削除する方法を紹介します。

1. Node.js について

Node.js は、Chrome V8 エンジンをベースとした JavaScript 実行環境であり、JavaScript の実行を可能にするオープンソースのクロスプラットフォーム JavaScript 実行環境です。サーバー側で。 Node.js は操作効率が非常に高く、非同期 I/O とイベント駆動型の機能をサポートしているため、高い同時実行性と多数の I/O 操作の処理に優れています。同時に、Node.js にはさまざまな機能を簡単に実装できる豊富なモジュール ライブラリがあります。

2. Jimp ライブラリを使用する

Node.js で画像のウォーターマークを削除する一般的な方法は、画像処理用の純粋な JavaScript ライブラリである Jimp ライブラリを使用することです。 Jimp ライブラリを使用すると、画像の切り取り、拡大縮小、回転、反転、フィルターの追加などの操作を簡単に実行できます。ここでは、Jimp ライブラリを使用して画像の透かしを削除する方法に焦点を当てます。

1. Jimp ライブラリのインストール

コマンド ラインで次のコマンドを実行して、Jimp ライブラリをインストールします:

npm install jimp --save

2. 画像のウォーターマークを削除します

Jimp ライブラリを使用して画像の透かしを削除する方法は次のとおりです:

const Jimp = require('jimp');

// 读取原图
Jimp.read('source.png').then(image => {
  // 读取水印图
  Jimp.read('watermark.png').then(watermark => {
    // 获取原图和水印图的宽高
    const width = image.bitmap.width;
    const height = image.bitmap.height;
    const wmWidth = watermark.bitmap.width;
    const wmHeight = watermark.bitmap.height;

    // 计算水印宽高缩放比例
    const scale = width / wmWidth;

    // 缩放水印图
    watermark.scale(scale);

    // 将水印图绘制到原图上
    image.composite(watermark, 0, 0, {
      mode: Jimp.BLEND_SOURCE_OVER,
      opacitySource: 1,
      opacityDest: 1
    });

    // 保存处理后的图片
    image.write('result.png');
  });
});

上記のコードでは、最初に元の画像と透かし画像を読み取り、次にそれらの幅と高さを取得します。およびウォーターマークに対する拡大縮小率 画像がズームされます。次に、composite() メソッドを使用して、元の画像上に透かし画像を描画し、合成モードと不透明度を指定します。最後に、加工した画像を保存します。

3. 概要

Node.js と Jimp ライブラリを使用すると、画像のウォーターマークを簡単に削除できます。もちろん、一部の特殊な透かし処理には、より多くの画像処理機能を提供する GraphicsMagick、ImageMagick などの他の画像処理ライブラリを使用することもできます。

以上がNode.js で画像のウォーターマークを削除する方法について話しましょうの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。