node.js gm是什么

127 阅读 0 评论 84 点赞

我是靠谱客的博主柔弱天空，这篇文章主要介绍node.js gm是什么，现在分享给大家，希望可以做个参考。

本教程操作环境：windows7系统、nodejs16版，DELL G3电脑。

gm是什么

nodejs图片处理工具的插件--gm，它封装了GraphicsMagick（GM）和ImageMagick（IM），它使用spawn的方式调用。

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

安装gm

复制代码npm install gm -S1
npm install gm -S
登录后复制

添加水印

使用gm主要还是用来添加水印，因为nodejs本身自带的image模块能满足大部分需求，但是无法添加水印，所以下面就使用gm添加水印的方法。

载入gm模块

复制代码const gm = require('gm').subClass({imageMagick: true})1
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);
        });1
2
3
4
5
6
7
8
9
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);
        });
登录后复制

添加中文字体

复制代码.font("./ttf/msyh.ttf",60) //字库所在文件夹和字体大小1
.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);
        });1
2
3
4
5
6
7
8
9
10
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);
        });
登录后复制

添加日期水印

下载moment模块

复制代码npm install moment1
npm install moment
登录后复制

加载模块

复制代码const moment = require('moment');1
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);
        });1
2
3
4
5
6
7
8
9
10
11
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);
        });
登录后复制