站長(zhǎng)資訊網(wǎng)
gm是基于node.js的圖片處理插件，它封裝了圖片處理工具GraphicsMagick（GM）和ImageMagick（IM），可使用spawn的方式調(diào)用。gm插件不是node默認(rèn)安裝的，需執(zhí)行“npm install gm -S”進(jìn)行安裝才可使用。
本教程操作環(huán)境：windows7系統(tǒng)、nodejs16版，DELL G3電腦。
gm是什么
nodejs圖片處理工具的插件–gm，它封裝了GraphicsMagick（GM）和ImageMagick（IM），它使用spawn的方式調(diào)用。
GraphicsMagick（GM） 或 ImageMagick（IM）是兩種常用的圖片處理工具，功能基本相同，GM是IM的分支。
nodejs圖片處理工具gm的使用
前置軟件安裝
安裝GraphicsMagick或ImageMagick
（gm插件支持的IM軟件是imagemagickv7.0.X.XX版本，如果下載的IM版本為7.1.x,gm調(diào)用不會(huì)成功，目前官方提供的版本為7.1.x），7.0.x下載地址http://m.downcc.com/d/398765。
在安裝時(shí)，安裝ImageMagick時(shí)一定要要選擇畫(huà)框的部分（gm插件調(diào)用的是convert命令）
安裝gm
npm install gm -S
添加水印
使用gm主要還是用來(lái)添加水印，因?yàn)閚odejs本身自帶的image模塊能滿足大部分需求，但是無(wú)法添加水印，所以下面就使用gm添加水印的方法。
-
載入gm模塊
const gm = require('gm').subClass({imageMagick: true})
-
指定圖片添加文字
gm(./uploads/pic/test.jpg) //指定添加水印的圖片 .stroke("white") //字體外圍顏色 .fill("white") //字體內(nèi)圍顏色（不設(shè)置默認(rèn)為黑色） .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) //字庫(kù)所在文件夾和字體大小
gm(./uploads/pic/test.jpg) //指定添加水印的圖片 .stroke("white") //字體外圍顏色 .fill("white") //字體內(nèi)圍顏色（不設(shè)置默認(rèn)為黑色） .font("./ttf/msyh.ttf",60) //字庫(kù)所在文件夾和字體大小 .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 moment
加載模塊
const moment = require('moment');
調(diào)用
var datetime = moment().format("YYYY-MM-DD HH:mm:ss"); gm(./uploads/pic/test.jpg) //指定添加水印的圖片 .stroke("white") //字體外圍顏色 .fill("white") //字體內(nèi)圍顏色（不設(shè)置默認(rèn)為黑色） .font("./ttf/msyh.ttf",60) //字庫(kù)所在文件夾和字體大小 .drawText(50,50,datetime) .write(./uploads/pic/watermark.jpg, function (err) { console.log(err) if (!err) console.log('ok'); else console.log(err); });
