nodejs图片裁剪、缩放、水印
关于nodejs下图片的裁剪、水印,网上的模块很多,主要如下:
gm:https://github.com/aheckmann/gm node-canvas:https://github.com/Automattic/node-canvas node-images:https://github.com/zhangyuanwei/node-images Cloudinary:http://cloudinary.com/documentation/node_image_manipulation
这里推荐使用gm模块,首先是安装:

先要安装GraphicsMagick或者ImageMagick,因为gm是基于这两种图形处理工具包的。
直接上源码:
var gm = require("gm");
var spawn = require('child_process').spawn; //提供生成node子进程的方法
var config = {};
config.position = {
NorthWest:"NorthWest",
North:"North",
NorthEast:"NorthEast",
West:"West",
Center:"Center",
East:"East",
South:"South",
SouthWest:"SouthWest",
SouthEast:"SouthEast"
};
/**
* 裁剪图片
* @param srcImg 待裁剪的图片路径
* @param width 宽度
* @param height 高度
* @param x x坐标
* @param y y坐标
*/
function cropCurrentImg(srcImg,width, height, x, y) {
gm(srcImg).crop(width, height, x, y).write(srcImg, function (err) {
if (err) {
return handler(err);
}
});
}
/**
* 裁剪图片
* @param srcImg 待裁剪的图片路径
* @param destImg 裁剪后的图片路径
* @param width 宽度
* @param height 高度
* @param x x坐标
* @param y y坐标
*/
function cropImg(srcImg,destImg,width, height, x, y) {
gm(srcImg).crop(width, height, x, y).write(destImg, function (err) {
if (err) {
return handler(err);
}
});
}
cropCurrentImg("../../public/aa.png","../../public/dest.jpg",100,100,50,50);
/**
* 缩放图片
* @param srcImg 待缩放的图片路径
* @param size 缩放后的图片大小(长宽均为size)
*/
function resizeCurrentImg(srcImg, size) {
gm(srcImg).resize(size, size).write(srcImg, function (err) {
if (err) {
return handler(err);
}
});
}
/**
* 缩放图片,默认输出图片质量75%,格式PNG
* @param srcImg 待缩放的图片路径
* @param destImg 缩放后的图片输出路径
* @param size 缩放后的图片大小(长宽均为size)
*/
function resizeImgWithArgs(srcImg, destImg, size) {
gm(srcImg).resize(size, size).write(destImg, function (err) {
if (err) {
return handler(err);
}
});
}
/**
* 缩放图片
* @param srcImg 待缩放的图片路径
* @param destImg 缩放后的图片输出路径
* @param quality 缩放的图片质量,0~100(质量最优)
* @param width 缩放后的图片宽度
* @param height 缩放后的图片高度
* @param imgFormat 缩放后的图片格式
*/
function resizeImgWithFullArgs(srcImg, destImg, quality, width, height, imgFormat) {
gm(srcImg).resize(width, height).quality(quality).setFormat(imgFormat).write(destImg, function (err) {
if (err) {
return handler(err);
}
});
}
/**
* 添加水印
* @param srcImg 待添加水印的图片路径
* @param watermarkImg 水印图片路径
* @param destImg 添加水印后图片输出路径
* @param alpha 透明度,0~100(为0表示全透明,100不透明)
* @param position 水印位置,NorthWest, North, NorthEast, West, Center,East, SouthWest, South, or SouthEast
*/
function addWaterMark(srcImg,watermarkImg,destImg,alpha,position){
var composite = spawn('gm', ['composite', '-gravity', position, '-dissolve', alpha, watermarkImg, srcImg,destImg]);
composite.on('exit', function (code) {
});
}
exports.config = config;
exports.resizeCurrentImg = resizeCurrentImg;
exports.resizeImgWithArgs = resizeImgWithArgs;
exports.resizeImgWithFullArgs = resizeImgWithFullArgs;
exports.cropCurrentImg = cropCurrentImg;
exports.cropImg = cropImg;
exports.addWaterMark = addWaterMark;
nodejs图片裁剪、缩放、水印的更多相关文章
- nodejs图片裁剪、水印(使用images)
/** * Created by chaozhou on 2015/9/21. */ var images = require("images"); /** * 缩放图像 * @p ...
- C#图片处理示例(裁剪,缩放,清晰度,水印)
C#图片处理示例(裁剪,缩放,清晰度,水印) 吴剑 2011-02-20 原创文章,转载必需注明出处:http://www.cnblogs.com/wu-jian/ 前言 需求源自项目中的一些应用,比 ...
- C#图片处理高级应用(裁剪,缩放,清晰度,水印)
转自:http://wu-jian.cnblogs.com/ 前言 需求源自项目中的一些应用,比如相册功能,通常用户上传相片后我们都会针对该相片再生成一张缩略图,用于其它页面上的列表显示.随便看一下, ...
- java多图片上传--前端实现预览--图片压缩 、图片缩放,区域裁剪,水印,旋转,保持比例。
java多图片上传--前端实现预览 前端代码: https://pan.baidu.com/s/1cqKbmjBSXOhFX4HR1XGkyQ 解压后: java后台: <!--文件上传--&g ...
- PHP图片裁剪_图片缩放_PHP生成缩略图
在制作网页过程中,为了排版整齐美观,对网页中的图片处理成固定大小尺寸的图片,或是要截去图片边角中含有水印的图片,对于图片量多,每天更新大量图,靠人工PS处理是不现实的,那么有没有自动处理图片的程序了! ...
- php课程 8-32 如何使用gd库进行图片裁剪和缩放
php课程 8-32 如何使用gd库进行图片裁剪和缩放 一.总结 一句话总结:图片缩放到图片裁剪就是改变原图截取的位置以及截取的宽高. 1.电商网站那么多的图片,如果全部加载卡得慢的很,所以他们是怎么 ...
- 【Java实例】使用Thumbnailator生成缩略图(缩放、旋转、裁剪、水印)
1 需求 表哥需要给儿子报名考试,系统要求上传不超过30KB的图片,而现在的手机随手一拍就是几MB的,怎么弄一个才30KB的图片呢? 一个简单的办法是在电脑上把图片缩小,然后截屏小图片,但现在的电脑屏 ...
- java 图片压缩 剪切 水印 转换 黑白 缩放
专注java已6年,欢迎加入java核心技术QQ群:135138817,每周五晚有群主进行技术讲座. import java.awt.AlphaComposite; import java.awt.C ...
- 如何安装nginx_lua_module模块,升级nginx,nginx-lua-fastdfs-GraphicsMagick动态生成缩略图,实现图片自动裁剪缩放
如何安装nginx_lua_module模块,升级nginx,nginx-lua-fastdfs-GraphicsMagick动态生成缩略图,实现图片自动裁剪缩放 参考网站:nginx-lua-fas ...
随机推荐
- 《Beginning Java 7》 - 2 - Cloning 克隆
Cloning 分两类:影子克隆 shallow cloning 深度克隆 deep cloning * 调用 clone() 需要 implments Cloneable.此函数为 protecte ...
- 【maven】---pom.xml-dependencies
前言 Maven在做项目开发的时候,需要用到多个jar包,这个时候,maven提供的中央仓库,就会根据依赖项,自动download需要的jar包,自动引用到项目中. 内容 具体依赖配置,集中在pom. ...
- HTML5中本地储存概念是什么,什么优点 ,与cookie有什么区别?
html5中的Web Storage 包括了两种存储方式: sessionStorage 和 localStorage. seessionStorage 用于本地存储一个会话(session)中的 ...
- SPOJ 3267 DQUERY(离线+树状数组)
传送门 话说这好像HH的项链啊…… 然后就说一说上次看到的一位大佬很厉害的办法吧 对于所有$r$相等的询问,需要统计有多少个不同的数,那么对于同一个数字,我们只需要关心它最右边的那一个 比如$1,2, ...
- 网页中这 10 种字体的运用方式,不会让人觉得 Low
简评:字体特效非常多,有目的地选取合理的特效是让它们发挥效果的诀窍所在.好的字体排版是不需要辅助就能被识别的,否则这个设计是失败的. 本文转载自 UISDC,如需转载请联系他们. 对于设计师而言,在日 ...
- 生产者消费者模式-Java实现
感知阶段 随着软件业的发展,互联网用户的日渐增多,并发这门艺术的兴起似乎是那么合情合理.每日PV十多亿的淘宝,处理并发的手段可谓是业界一流.用户访问淘宝首页的平均等待时间只有区区几秒,但是服务器所处理 ...
- 本地搭建GitLab
现在很多企业都开始使用gitLab,因为他的权限管理强大,后台项目管理也很方便.下面就介绍本地搭建方法: 为避免损失,建议在虚拟机测试.虚拟机最低配置(内存2G,cpu:2核,硬盘:20G) 1.安装 ...
- ModuleNotFoundError: No module named 'Crypto'
pycrypto已经舍弃了使用pycryptodome,pip uninstall pycrypto,然后安装pycryptodome,pip install pycryptodome 可能还需要改名 ...
- JDBC完成增加-修改-增加-查询
JDBC的基本使用流程: 增加 1 导入jar包: 导入ojdbc6.jar,在项目上右键 builder path-->add to builder path. 2 ...
- Java非静态代码块和静态代码块
类中存在两种特殊的代码块,即非静态代码块和静态代码块,前者是直接由 { } 括起来的代码,而后者是由 static{ } 括起来的代码. 非静态代码块在类初始化创建实例时,将会被提取到类的构造器中执行 ...