node操作gm进行图像基本操作

上一篇介绍了GraphicsMagick的简单使用,这一批使用node结合gm处理一些图像的简单操作!

使用node进行gm图像操作时,电脑事先一定要安装GraphicsMagick,一定要安装安装安装,切记!否则是无法执行操作的!安装完成后项目(node项目)要重启后才行!

接下来简单实现日常基本操作

首先引入所需第三方gm包,引入之前请实现npm i gm

var fs = require('fs')
var gm = require('gm');

改变图片尺寸(修改图像尺寸resise)

//设置图像为100*100尺寸
gm("./public/imgs/1.jpeg")
.resize(100,100,"!")
.write("./public/imgs/rz1.jpg",function(err){
    if (err){
        console.log(err);
        return;
    }
})

显示图片信息(indentify)

//显示图片信息
gm('./public/imgs/1.jpeg')
    .identify(function (err, data) {
        // if (!err) console.log(data)
    });

图片剪裁(crop)

gm("./public/imgs/1.jpeg")
//裁剪参数(w,h,x,y)
    .crop(200,200,100,100)
    .write("./public/imgs/crop.png",function(err){
        if(!err) console.log("done")
    })

图片添加水印

gm("./public/imgs/2.jpeg")
    .crop(300,300,350,50)
    .stroke("#333")
    .font("./public/STXINGKA.TTF")
    .drawText(20,20,"OCT DREAM!")
    .write("./public/imgs/sy.png",function(err){
        if(!err) console.log("done")
        else console.log(err)
    })

以上内容为博主亲自整理,更多node的gm图像处理参考npm社区:https://www.npmjs.com/package/gm

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏python学习之旅

Python网络爬虫笔记(四):使用selenium获取动态加载的内容

(一)  说明 上一篇只能下载一页的数据,第2、3、4....100页的数据没法获取,在上一篇的基础上修改了下,使用selenium去获取所有页的href属性值...

47460
来自专栏阮一峰的网络日志

如何读懂火焰图?

软件的性能分析,往往需要查看 CPU 耗时,了解瓶颈在哪里。 火焰图(flame graph)是性能分析的利器。本文介绍它的基本用法。 ? 一、perf 命令 ...

37460
来自专栏Python中文社区

pyecharts(一):Python可视化利器

專 欄 ❈陈键冬,Python中文社区专栏作者 GitHub: https://github.com/chenjiandongx ❈ pyecharts 是一...

67950
来自专栏lonelydawn的前端猿区

php绘制图片验证码

验证码是一种安全保护机制,在注册时要求必须有人工操作进行验证,用于防止垃圾注册机大量注册用户账号占用服务器内存从而使服务器瘫痪。 图片验证码的实现十分简单。首先...

36650
来自专栏目标检测和深度学习

tesseract-ocr识别英文和中文图片文字以及扫描图片实例讲解

41920
来自专栏iOS122-移动混合开发研究院

实现iOS图片等资源文件的热更新化(一): 从Images.xcassets导出合适的图片

本文会基于一个已有的脚本工具自动导出所有的图片;最终给出的是一个从 Images.xcassets 到基于文件夹的精简 合适 的图片资源集的完整过程.难点在于从...

36290
来自专栏hotqin888的专栏

uparse展示视频时与bootstrap导航条冲突?

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/hotqin888/article/det...

9820
来自专栏Android开发经验

hellocharts-android-Android图表开源库的使用(一)

25440
来自专栏菩提树下的杨过

silverlight:DeepZoom版的图片局部放大效果

先上演示地址: http://images.24city.com/jimmy/DeepZoom/ 步骤: 1.先启动PhotoShop,利用自动等分切片功能把...

21280
来自专栏理论坞

1分钟教你画好看的分形光效图

8720

扫码关注云+社区

领取腾讯云代金券