nodejs图片处理工具gm用法小结


Posted in NodeJs onDecember 12, 2018

在做H5应用中,有时候会涉及到一些图片加工处理的操作,nodejs有一个很好的后台图片处理module,就是这里说的gm。gm有官方文档,但感觉写得太抽象,反而看不懂了。这里把一些常见的用法写下,供大家参考。

安装   

首先要安装 GraphicsMagick或者ImageMagick,然后

npm install --save gm

GraphicsMagick和ImageMagick的区别

GraphicsMagick是从ImageMagick中分离出来的,推荐下载ImageMagick

加载GraphicsMagick(大小4.72 MB)

var gm = require('gm')

加载ImageMagick(大小23.8 MB)

var gm = require('gm').subClass({imageMagick: true})// 注意使用的区别

除了加载有区别,其他使用方式完全一样

用法说明

图片尺寸

gm('img.png')
.size(function (err, size) {
 if (!err)
  console.log(size.width > size.height ? 'wider' : 'taller than you');
});

图片伸缩

可以只依据宽、高或者同时将宽高都放缩。

gm("img.png").resize(width)//保持宽高比
gm("img.png").resize(null, height)//保持宽高比
gm("img.png").resize(width, height, '!')//参数'!'用于忽略宽高比

图片旋转

将图片旋转degrees,背景填充color。

gm("img.png").rotate(color, degrees)
gm("img.png").rotate('green', 45)

图片裁剪

从图片的(x, y)位置开始,裁剪出一个宽为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)有什么区别,gm提供了两条命令,对于简单的图片合成,好像都可以使用。

图片拼接(append)

gm中使用append也可以实现图片的拼接,与mosaic、compose不同的是,这里的拼接应该是不能覆盖的。缺省参数ltr表示拼接方向,布尔变量,true表示从左到右,false表示从上到下,默认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")

创建图片

gm(200, 400, "#ddff99f3")
.drawText(10, 50, "from scratch")
.write("/path/to/brandNewImg.jpg", function (err) {
 // ...
});

总结

gm具有强大的图片处理功能,nodejs还是借助于gm工具来实现的图片处理,对于需要后台处理图片的情形,这个是挺有用的。

gm提供的各个函数其实可以复合使用,就是说,先读取(gm)图片后,可以先进行拼接(mosaic, compose, append),然后裁剪(crop),放缩(resize)到指定大小后,最后才保存(write)下来。

gm的官方文档感觉过于简陋,网上的关于nodejs gm用法的资料也不多,本文将一些基本的用法总结下来,学到到新的持续更新。

另外,欢迎大家总结nodejs gm资料!

附gm参考资料

node gm github

nodejs gm官方文档

stackoverflow : How to do composite with gm node.js?

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

NodeJs 相关文章推荐
NodeJS中的MongoDB快速入门详细教程
Nov 11 NodeJs
详解NodeJs支付宝移动支付签名及验签
Jan 06 NodeJs
Nodejs实现短信验证码功能
Feb 09 NodeJs
nodejs入门教程二:创建一个简单应用示例
Apr 24 NodeJs
使用nodejs爬取前程无忧前端技能排行
May 06 NodeJs
详解Windows下安装Nodejs步骤
May 18 NodeJs
Nodejs实现文件上传的示例代码
Sep 26 NodeJs
nodejs(officegen)+vue(axios)在客户端导出word文档的方法
Jul 31 NodeJs
详解从NodeJS搭建中间层再谈前后端分离
Nov 13 NodeJs
使用koa-log4管理nodeJs日志笔记的使用方法
Nov 30 NodeJs
详解nodejs解压版安装和配置(带有搭建前端项目脚手架)
Dec 06 NodeJs
nodejs文件夹深层复制功能
Sep 03 NodeJs
详解nodejs解压版安装和配置(带有搭建前端项目脚手架)
Dec 06 #NodeJs
NodeJs实现简单的爬虫功能案例分析
Dec 05 #NodeJs
nodejs 使用 js 模块的方法实例详解
Dec 04 #NodeJs
使用koa-log4管理nodeJs日志笔记的使用方法
Nov 30 #NodeJs
nodejs 使用nodejs-websocket模块实现点对点实时通讯
Nov 28 #NodeJs
NodeJs 文件系统操作模块fs使用方法详解
Nov 26 #NodeJs
详解从NodeJS搭建中间层再谈前后端分离
Nov 13 #NodeJs
You might like
php str_pad 函数用法简介
2009/07/11 PHP
浅谈PHP正则表达式中修饰符/i, /is, /s, /isU
2014/10/21 PHP
php文件缓存类汇总
2014/11/21 PHP
微信公众号判断用户是否已关注php代码解析
2016/06/24 PHP
PHP设计模式之委托模式定义与用法简单示例
2018/08/13 PHP
JSQL  一个 web DB 的封装
2010/05/05 Javascript
JavaScript实现GriwView单列全选(自写代码)
2013/05/13 Javascript
jQuery中多个元素的Hover事件解决方案
2014/06/12 Javascript
网站接入QQ登录的两种方法
2014/07/22 Javascript
手机开发必备技巧:javascript及CSS功能代码分享
2015/05/25 Javascript
jQuery实现图片轮播特效代码分享
2015/09/15 Javascript
jQuery表格插件datatables用法详解
2020/11/23 Javascript
利用JS实现简单的日期选择插件
2017/01/23 Javascript
bootstrap multiselect下拉列表功能
2017/08/22 Javascript
Angular6 写一个简单的Select组件示例
2018/08/20 Javascript
微信小程序全局变量的设置、使用、修改过程解析
2019/09/24 Javascript
python虚拟环境 virtualenv的简单使用
2020/01/21 Javascript
python通过ftplib登录到ftp服务器的方法
2015/05/08 Python
python微信跳一跳系列之自动计算跳一跳距离
2018/02/26 Python
Python中的并发处理之asyncio包使用的详解
2018/04/03 Python
Python实现的多进程和多线程功能示例
2018/05/29 Python
Python实现的序列化和反序列化二叉树算法示例
2019/03/02 Python
Python基本数据结构之字典类型dict用法分析
2019/06/08 Python
Python将主机名转换为IP地址的方法
2019/08/14 Python
解决Python pip 自动更新升级失败的问题
2020/02/21 Python
Django websocket原理及功能实现代码
2020/11/14 Python
html5实现图片转圈的动画效果——让页面动起来
2017/10/16 HTML / CSS
Canvas引入跨域的图片导致toDataURL()报错的问题的解决
2018/09/19 HTML / CSS
希腊香水和化妆品购物网站:Parfimo.gr
2019/10/03 全球购物
求高于平均分的学生学号及成绩
2016/09/01 面试题
财务管理专业毕业生求职信范文
2013/09/21 职场文书
房地产销售员的自我评价分享
2013/12/04 职场文书
英语教师自荐信
2014/05/26 职场文书
城市规划应届毕业生自荐信
2014/07/04 职场文书
2015年网管个人工作总结
2015/05/22 职场文书
反邪教学习心得体会
2016/01/15 职场文书