记录:nodejs 裁切图片的方法
1、jimp
github文档
jimp.read('本地图片地址', function (err, img) {if (err) throw errimg.crop(x坐标起点, y坐标起点, width最终图片宽度, height最终图片高度).write(result)
})
2、读取http图片,转成buffer,切成buffer数据
const options = {headers: {'User-Agent': 'Mozilla/5.0',}
}
http.get(imgUrl, options ,(response) => {let imgData = ''response.setEncoding('binary')response.on('data', (chunk) => {imgData += chunk})response.on('end', () => {const imgBuffer = new Buffer.from(imgData, 'binary')jimp.read(imgBuffer).then((img) => {const topLeftImage = img.clone() // copy jimp对象进行操作const topRightImage = img.clone()const bottomLeftImage = img.clone()const bottomRightImage = img.clone()const topLeft = topLeftImage.crop(64, 64, 256, 256)topLeft.getBuffer('image/jpeg', (_, buf) => {consoel.log(buf)})const topRight = topRightImage.crop(320, 64, 256, 256)topRight.getBuffer('image/jpeg', (_, buf) => {consoel.log(buf)})const bottomLeft = bottomLeftImage.crop(64, 320, 256, 256)bottomLeft.getBuffer('image/jpeg', (_, buf) => {consoel.log(buf)})const bottomRight = bottomRightImage.crop(320, 320, 256, 256)bottomRight.getBuffer('image/jpeg', (_, buf) => {consoel.log(buf)})}).catch(err => {console.error(err)})})
}).on('error', function (err) {console.log('出错!', err)
})
2、graphicsMagick、imageMagick GM
1、需要下载工具graphicsMagick | imageMagick并配置环境变量
2、npm i gm
/*** 裁剪图片* @param srcImg 待裁剪的图片路径* @param destImg 裁剪后的图片路径* @param width 宽度* @param height 高度* @param x x坐标* @param y y坐标*/
function cropImgHandle(srcImg, destImg, width, height, x, y) {gm(srcImg).crop(width, height, x, y).write(destImg, function (err) {if (err) {return console.log(err)} else {console.log('success')}})
}
记录:nodejs 裁切图片的方法相关推荐
- Node 裁切图片的方法
1.安装 jimp $ npm install --save jimp 2.读取本地图片切图 jimp.read('本地图片地址', function (err, im ...
- 【linux】记录nodejs使用图片处理工具gm
前言 nodejs项目需要生成缩略图,由于node本身无法处理,需要用到GraphicsMagick工具,于是开始网上找工具,中间踩了一些坑,于是记录下来. 安装GraphicsMagick 安装这个 ...
- 使用jcrop实现裁切图片
jcrop为基于jquery库实现的图片裁切插件.当使用该插件使需要引入jquery和jcrop(包括js文件和css文件). //css文件的引入<link rel="stylesh ...
- OxyPlot 导出图片及 WPF 元素导出为图片的方法
OxyPlot 导出图片及 WPF 元素导出为图片的方法 目录 OxyPlot 导出图片及 WPF 元素导出为图片的方法 一.OxyPlot 自带导出方法 二.导出 WPF 界面元素的方法 三.通过附 ...
- ajax静态加载图片,JQuery实现Ajax加载图片的方法
本文实例讲述了JQuery实现Ajax加载图片的方法.分享给大家供大家参考,具体如下: 最近在学习JQuery,想从原理上模拟一下无刷新的相册浏览. 最先想到的思路是利用缓存,也就是先显示提示消息,然 ...
- mysql图片_往MySQL中存储图片的方法
1 介绍 在设计到数据库的开发中,难免要将图片或音频文件插入到数据库中的情况.一般来说,我们可以同过插入图片文件相应的存储位置,而不是文件本身,来避免直接向数据库里插入的麻烦.但有些时候,向MySQL ...
- python在线学习pdf_扣丁学堂Python在线学习之将pdf转成图片的方法
扣丁学堂Python在线学习之将pdf转成图片的方法 2018-05-23 11:29:01 1266浏览 Python将pdf转成图片的方法,不论是参加 本篇文章记录如何使用python将pdf文件 ...
- C#开发:不规则裁切图片
C#使用GDI+可以创建,修改图片,创建图片的bitmap,使用Graphics在图片上勾画元素,点.线.面等. 规则的图片裁切,设置图片的方形或者圆形的方式,就能直接进行图片的裁切.裁切使用jpg保 ...
- Centos7.9上利用cephadm安装Ceph Octopus 15.2的采坑记录,附带K8S挂载方法
Centos7.9上利用cephadm安装Ceph Octopus 15.2的采坑记录,附带K8S挂载方法 0.亮点 1 准备 1.1 修改历史记录 1.2 升级系统内核 1.3 配置免密登录 问题1 ...
最新文章
- 自然语言处理好的 实体分词 及BERT
- 2018年香港私隐公署接129宗资料外泄通报 创新高
- 读博熬不住了,拿个硕士学位投身业界如何?看过来人怎么说
- webstrom打开多个项目,webstrom常用快捷键
- (JAVA)Random类
- WPF 蒙罩层 LoadingPage
- Android和IOS网页不一致汇总
- 微软发布Sample Browser for Windows 8版:5000示例代码,触手可及
- 志远电脑公司网站系统
- Sublime 快捷键整理
- 2017中国银行业发展趋势报告
- 【速记】英语多个形容词(定语)搭配规则
- opencv实践中遇到的问题
- Nginx服务器软件学习记录
- Hbase - RIT机制
- 斐讯k2php环境,斐讯K2T SDK编译环境
- Adversarial Semantic Alignment for Improved Image Captions
- 如何学习一门新的框架
- 【JS笔记】JS中的DOM对象以及通过JS获取DOM结点,操作DOM属性、DOM增删改查
- 计算机比赛证书p图,雅礼中学计算机协会第二届“P图”大赛报名正式启动