Node.js gmとは何ですか

青灯夜游
リリース: 2022-07-12 18:29:22
オリジナル
3798 人が閲覧しました

gm は、node.js をベースにした画像処理プラグインで、画像処理ツール GraphicsMagick (GM) と ImageMagick (IM) をカプセル化し、spawn を使用して呼び出すことができます。 gm プラグインはデフォルトではノードにインストールされていないため、使用する前に「npm install gm -S」を実行してインストールする必要があります。

Node.js gmとは何ですか

このチュートリアルの動作環境: Windows 7 システム、nodejs バージョン 16、DELL G3 コンピューター。

gmとは

nodejs画像処理ツールプラグイン-gmとは、GraphicsMagick(GM)とImageMagick(IM)をカプセル化したものです。 spawn を使用して呼び出されます。

GraphicsMagick (GM) または ImageMagick (IM) は、基本的に同じ機能を備えた一般的に使用される 2 つの画像処理ツールです。GM は IM の分岐です。

nodejs 画像処理ツール gm の使い方

プレインストールソフトウェア

GraphicsMagick または ImageMagick

をインストールします (gm プラグインでサポートされている IM ソフトウェアは、imagemagickv7.0.X.XX バージョンです。ダウンロードした IM バージョンが 7.1.x の場合、gm 呼び出しは成功しません。現在、公式に提供されているバージョンは 7.1 .x)、7.0.x のダウンロード アドレス http://m.downcc.com/d/398765。

インストールするときは、ImageMagick をインストールするときに必ずピクチャ フレームの部分を選択してください (gm プラグインが Convert コマンドを呼び出します)

Node.js gmとは何ですか

# #Install gm

npm install gm -S
ログイン後にコピー

Add Watermark

Nodejs に付属の画像モジュールでほとんどのニーズを満たすことができるため、gm の使用は主にウォーターマークの追加に使用されます。ウォーターマークなので、gmメソッドを使ってウォーターマークを追加しましょう。

  • gm モジュールの読み込み

  • const gm = require('gm').subClass({imageMagick: true})
    ログイン後にコピー
  • テキストを追加する画像を指定してください

  • gm(./uploads/pic/test.jpg)	//指定添加水印的图片
    	.stroke("white")		//字体外围颜色
        .fill("white")			//字体内围颜色(不设置默认为黑色)
        .drawText(50,50,"China")
        .write(./uploads/pic/watermark.jpg, function (err) {
                console.log(err)
                if (!err) console.log('ok');
                else console.log(err);
            });
    ログイン後にコピー

Node.js gmとは何ですか

  • 中国語フォントを追加

  • #
    .font("./ttf/msyh.ttf",60) //字库所在文件夹和字体大小
    ログイン後にコピー
    gm(./uploads/pic/test.jpg)	//指定添加水印的图片
    	.stroke("white")		//字体外围颜色
        .fill("white")			//字体内围颜色(不设置默认为黑色)
        .font("./ttf/msyh.ttf",60) //字库所在文件夹和字体大小
        .drawText(50,50,"中文China")
        .write(./uploads/pic/watermark.jpg, function (err) {
                console.log(err)
                if (!err) console.log('ok');
                else console.log(err);
            });
    ログイン後にコピー

Node.js gmとは何ですか

    ##日付を追加ウォーターマーク
  • ダウンロード モーメント モジュール
npm install moment
ログイン後にコピー

ロード モジュール

const moment = require('moment');
ログイン後にコピー

呼び出し

var datetime = moment().format("YYYY-MM-DD HH:mm:ss");
gm(./uploads/pic/test.jpg)	//指定添加水印的图片
	.stroke("white")		//字体外围颜色
    .fill("white")			//字体内围颜色(不设置默认为黑色)
    .font("./ttf/msyh.ttf",60) //字库所在文件夹和字体大小
    .drawText(50,50,datetime)
    .write(./uploads/pic/watermark.jpg, function (err) {
            console.log(err)
            if (!err) console.log('ok');
            else console.log(err);
        });
ログイン後にコピー

Node.js gmとは何ですかアップデートノード関連の知識の詳細については、

nodejs チュートリアル

を参照してください。

以上がNode.js gmとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート