nodejs圖片處理工具gm用法小結(jié)
在做H5應(yīng)用中，有時(shí)候會(huì)涉及到一些圖片加工處理的操作，nodejs有一個(gè)很好的后臺(tái)圖片處理module，就是這里說的gm。gm有官方文檔，但感覺寫得太抽象，反而看不懂了。這里把一些常見的用法寫下，供大家參考。
安裝
首先要安裝 GraphicsMagick或者ImageMagick，然后
npm install --save gm
GraphicsMagick和ImageMagick的區(qū)別
GraphicsMagick是從ImageMagick中分離出來的，推薦下載ImageMagick
加載GraphicsMagick(大小4.72 MB)
var gm = require('gm')
加載ImageMagick(大小23.8 MB)
var gm = require('gm').subClass({imageMagick: true})// 注意使用的區(qū)別
除了加載有區(qū)別，其他使用方式完全一樣
用法說明
圖片尺寸
gm('img.png')
.size(function (err, size) {
if (!err)
console.log(size.width > size.height ? 'wider' : 'taller than you');
});
圖片伸縮
可以只依據(jù)寬、高或者同時(shí)將寬高都放縮。
gm("img.png").resize(width)//保持寬高比
gm("img.png").resize(null, height)//保持寬高比
gm("img.png").resize(width, height, '!')//參數(shù)'!'用于忽略寬高比
圖片旋轉(zhuǎn)
將圖片旋轉(zhuǎn)degrees，背景填充color。
gm("img.png").rotate(color, degrees)
gm("img.png").rotate('green', 45)
圖片裁剪
從圖片的(x, y)位置開始，裁剪出一個(gè)寬為width，高為height的圖片來。
gm("img.png").crop(width, height, x, y)
圖片拼接(mosaic)
gm()
.in('-page', '+0+0')
.in('bg.jpg')
.in('-page', '+10+20') // location of smallIcon.jpg is x,y -> 10, 20
.in('smallIcon.jpg')
.mosaic()
.write('tesOutput.jpg', function (err) {
if (err) console.log(err);
});
圖片合成(compose)
gm()
.command("composite")
.in("-gravity", "center")
.in(change_image_url)
.in(base_image_url)
.write( output_file, function (err) {
if (!err)
console.log(' hooray! ');
else
console.log(err);
});
不太清楚圖片拼接(mosaic)與合成(compose)有什么區(qū)別，gm提供了兩條命令，對(duì)于簡單的圖片合成，好像都可以使用。
圖片拼接(append)
gm中使用append也可以實(shí)現(xiàn)圖片的拼接，與mosaic、compose不同的是，這里的拼接應(yīng)該是不能覆蓋的。缺省參數(shù)ltr表示拼接方向，布爾變量，true表示從左到右，false表示從上到下，默認(rèn)false。
gm("img.png").append(img [, img, ltr])
gm("img.png").append("another.jpg", "third.gif")//從上到下拼接
gm("img.png").append("another.jpg", "third.gif", true)//從左到右拼接
圖片注釋
在圖片的(x, y)位置繪制文字。
gm("img.png").drawText(10, 50, "from scratch")
創(chuàng)建圖片
gm(200, 400, "#ddff99f3")
.drawText(10, 50, "from scratch")
.write("/path/to/brandNewImg.jpg", function (err) {
// ...
});
總結(jié)
gm具有強(qiáng)大的圖片處理功能，nodejs還是借助于gm工具來實(shí)現(xiàn)的圖片處理，對(duì)于需要后臺(tái)處理圖片的情形，這個(gè)是挺有用的。
gm提供的各個(gè)函數(shù)其實(shí)可以復(fù)合使用，就是說，先讀取(gm)圖片后，可以先進(jìn)行拼接(mosaic, compose, append)，然后裁剪(crop)，放縮(resize)到指定大小后，最后才保存(write)下來。
gm的官方文檔感覺過于簡陋，網(wǎng)上的關(guān)于nodejs gm用法的資料也不多，本文將一些基本的用法總結(jié)下來，學(xué)到到新的持續(xù)更新。
另外，歡迎大家總結(jié)nodejs gm資料！
附gm參考資料
stackoverflow : How to do composite with gm node.js?
以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Node.js中的事件驅(qū)動(dòng)編程詳解,本文主要講解理論性知識(shí),如什么是事件驅(qū)動(dòng)編程、什么是閉包、閉包如何幫助異步編程等知識(shí),需要的朋友可以參考下2014-08-08
本文簡單介紹了http.ServerRespose對(duì)象的close事件，并給出了相關(guān)實(shí)例，推薦給需要的小伙伴參考下吧。2014-11-11
使用NodeJS?5分鐘?連接?Redis?讀寫操作的詳細(xì)過程
這篇文章主要介紹了NodeJS?5分鐘?連接?Redis?讀寫操作,本文給大家介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-07-07
express中創(chuàng)建 websocket 接口及問題解答
本文主要介紹了express中創(chuàng)建 websocket 接口及問題解答，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-05-05
node.js 開發(fā)指南 – Node.js 連接 MySQL 并進(jìn)行數(shù)據(jù)庫操作
通常在NodeJS開發(fā)中我們經(jīng)常涉及到操作數(shù)據(jù)庫，尤其是 MySQL ，作為應(yīng)用最為廣泛的開源數(shù)據(jù)庫則成為我們的首選，本篇就來介紹下如何通過NodeJS來操作 MySQL 數(shù)據(jù)庫。2014-07-07
module.exports和exports使用誤區(qū)案例分析
module.exports和exports使用誤區(qū),使用require()模塊時(shí)，得到的永遠(yuǎn)都是module.exports指向的對(duì)象2023-04-04
這篇文章主要為大家介紹了npm install -g 遇到權(quán)限問題解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
Node.js?內(nèi)置模塊fs文件系統(tǒng)操作示例詳解
這篇文章主要為大家介紹了Node.js?內(nèi)置模塊fs文件系統(tǒng)操作示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
深入理解Commonjs規(guī)范及Node模塊實(shí)現(xiàn)
本篇文章主要介紹了深入理解Commonjs規(guī)范及Node模塊實(shí)現(xiàn)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-05-05
node.js使用stream模塊實(shí)現(xiàn)自定義流示例
這篇文章主要介紹了node.js使用stream模塊實(shí)現(xiàn)自定義流,結(jié)合實(shí)例形式詳細(xì)分析了node.js基于stream模塊實(shí)現(xiàn)自定義的可讀流、可寫流、可讀寫流等相關(guān)操作技巧,需要的朋友可以參考下2020-02-02