资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

node.jsgm怎么使用

本篇内容主要讲解“node.js gm怎么使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“node.js gm怎么使用”吧!

创新互联公司坚持“要么做到,要么别承诺”的工作理念,服务领域包括:网站设计、成都网站建设、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的库尔勒网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

gm是基于node.js的图片处理插件,它封装了图片处理工具GraphicsMagick(GM)和ImageMagick(IM),可使用spawn的方式调用。gm插件不是node默认安装的,需执行“npm install gm -S”进行安装才可使用。

node.js gm怎么使用

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

gm是什么

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

GraphicsMagick(GM) 或 ImageMagick(IM)是两种常用的图片处理工具,功能基本相同,GM是IM的分支。

nodejs图片处理工具gm的使用

前置软件安装

安装GraphicsMagick或ImageMagick

(gm插件支持的IM软件是imagemagickv7.0.X.XX版本,如果下载的IM版本为7.1.x,gm调用不会成功,目前官方提供的版本为7.1.x)。

在安装时,安装ImageMagick时一定要要选择画框的部分(gm插件调用的是convert命令)

node.js gm怎么使用

安装gm

npm install gm -S

添加水印

使用gm主要还是用来添加水印,因为nodejs本身自带的image模块能满足大部分需求,但是无法添加水印,所以下面就使用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怎么使用

  • 添加日期水印

下载moment模块

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怎么使用

到此,相信大家对“node.js gm怎么使用”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


网站标题:node.jsgm怎么使用
文章URL:http://cdkjz.cn/article/pjeeic.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220