nodejs图片裁剪、水印(使用images)
/**
* Created by chaozhou on 2015/9/21.
*/
var images = require("images"); /**
* 缩放图像
* @param srcImg 被缩放图像
* @param size 缩放后图像的宽度(图像高度等比缩放)
*/
var resizeCurrentImg = function(srcImg, size){
images(srcImg) //加载源图像
.resize(size) //设置图像宽高,如果height未指定,则根据当前宽高等比缩放
.save(srcImg, { //保存当前图像至srcImg,图像质量100
quality : 100
});
}; /**
* 缩放图像
* @param srcImg 源图像
* @param width 缩放后的宽度
* @param height 缩放后的高度
*/
var resizeCurrentImgWithArgs = function(srcImg, width,height){
images(srcImg) //加载源图像
.resize(width,height) //设置图像宽高,如果height未指定,则根据当前宽高等比缩放
.save(srcImg, { //保存当前图像至srcImg,图像质量100
quality : 100
});
}; /**
* 图像缩放
* @param srcImg 源图像
* @param dstImg 生成图像
* @param size 生成图像宽度(高度会自适应缩放)
*/
var resizeImg = function(srcImg, dstImg,size){
images(srcImg) //加载源图像
.resize(size) //设置图像宽高,如果height未指定,则根据当前宽高等比缩放
.save(dstImg, { //保存当前图像至srcImg,图像质量100
quality : 100
});
}; /**
* 图像缩放
* @param srcImg 源图像
* @param dstImg 生成图像
* @param width 缩放后的宽度
* @param height 缩放后的高度
*/
var resizeImgWithArgs = function(srcImg, dstImg,width,height){
images(srcImg) //加载源图像
.resize(width,height) //设置图像宽高,如果height未指定,则根据当前宽高等比缩放
.save(dstImg, { //保存当前图像至srcImg,图像质量100
quality : 100
});
}; /**
* 添加水印
* @param srcImg 源图
* @param watermarkImg 水印图
* @param x 添加水印水平位置x
* @param y 添加水印垂直位置y
*/
var addWatermark = function(srcImg,watermarkImg,x,y){
images(srcImg)
.draw(images(watermarkImg), x, y)
.save(srcImg, {
quality : 100 //保存图片到文件,图片质量为100
});
}; /**
* 获取图像的宽高
* @param srcImg 源图像
* @param callBack
*/
var ofSize = function(srcImg,callBack){
callBack(images(srcImg)//加载源图像,获取图像大小,返回结果:{ width: 1001, height: 897 }
.size());
};
nodejs图片裁剪、水印(使用images)的更多相关文章
- nodejs图片裁剪、缩放、水印
关于nodejs下图片的裁剪.水印,网上的模块很多,主要如下: gm:https://github.com/aheckmann/gm node-canvas:https://github.com/Au ...
- Java图片缩略图裁剪水印缩放旋转压缩转格式-Thumbnailator图像处理
前言 java开发中经常遇到对图片的处理,JDK中也提供了对应的工具类,不过处理起来很麻烦,Thumbnailator是一个优秀的图片处理的开源Java类库,处理效果远比Java API的好,从API ...
- PHP图片裁剪_图片缩放_PHP生成缩略图
在制作网页过程中,为了排版整齐美观,对网页中的图片处理成固定大小尺寸的图片,或是要截去图片边角中含有水印的图片,对于图片量多,每天更新大量图,靠人工PS处理是不现实的,那么有没有自动处理图片的程序了! ...
- node.js平台下,cropper.js实现图片裁剪预览并转换为base64发送至服务端。
一 .准备工作 1.首先需要先下载cropper,常规使用npm,进入项目路径后执行以下命令: npm install cropper 2. cropper基于jquery,在此不要忘记引入jq,同时 ...
- 使用JCrop进行图片裁剪,裁剪js说明,裁剪预览,裁剪上传,裁剪设计的图片处理的工具类和代码
1.要想制作图片裁剪功能,可以使用网上的裁剪工具JCrop,网址是:https://github.com/tapmodo/Jcrop/ 案例效果如下: 2.引入JCrop的js代码,具体要引入那 ...
- nodejs图片处理工具gm用法
在做H5应用中,有时候会涉及到一些图片加工处理的操作,nodejs有一个很好的后台图片处理module,就是这里说的gm.gm有官方文档,但感觉写得太抽象,反而看不懂了.这里把一些常见的用法写下,供大 ...
- cropper.js实现图片裁剪预览并转换为base64发送至服务端。
一 .准备工作 1.首先需要先下载cropper,常规使用npm,进入项目路径后执行以下命令: npm install cropper 2. cropper基于jquery,在此不要忘记引入jq,同时 ...
- c#封装DBHelper类 c# 图片加水印 (摘)C#生成随机数的三种方法 使用LINQ、Lambda 表达式 、委托快速比较两个集合,找出需要新增、修改、删除的对象 c# 制作正方形图片 JavaScript 事件循环及异步原理(完全指北)
c#封装DBHelper类 public enum EffentNextType { /// <summary> /// 对其他语句无任何影响 /// </summary> ...
- php课程 8-32 如何使用gd库进行图片裁剪和缩放
php课程 8-32 如何使用gd库进行图片裁剪和缩放 一.总结 一句话总结:图片缩放到图片裁剪就是改变原图截取的位置以及截取的宽高. 1.电商网站那么多的图片,如果全部加载卡得慢的很,所以他们是怎么 ...
随机推荐
- leetcode 23. 合并K个排序链表 JAVA
题目: 合并 k 个排序链表,返回合并后的排序链表.请分析和描述算法的复杂度. 示例: 输入: [ 1->4->5, 1->3->4, 2->6 ] 输出: ...
- php与java的差异
http://zhidao.baidu.com/link?url=kd-eulWPoygRlMKeBxdCn3QA4bLJXYVSc_mUGPgWg05az8RIqu3r1GmRnmXZ4UMaR6y ...
- [Flex] 组件Tree系列 —— 将数组作为dataProvider
mxml: <?xml version="1.0" encoding="utf-8"?> <!--功能描述:将数组作为dataProvider ...
- 跟刘欣学习造spring
1: 读取配置文件并获取对象实例
- vue-cli中的webpack打包配置
如下: assetsSubDirectory: 'static', assetsPublicPath: '/projectName/', 其中assetsSubDirectory是代表服务器上的实际路 ...
- windows 安装python问题总结
一.安装支持包 很多二进制包 NumPy-1.9+MKL 以及 Microsoft Visual C++ 2008 (x64, x86, and SP1 for CPython 2.6 and 2.7 ...
- 2018牛客多校6 - I Team Rocket KD树维护空间
题意:给出n条铁路区间\([L,R]\),共有m个boom依时间顺序放置在\(k_i\)中,区间与\(k_i\)有交集的都被炸掉 求每次炸掉的铁路个数和最后输出所有id被炸的时间点 炸弹能炸到的区间满 ...
- [转] linux nc命令
[From] https://blog.csdn.net/freeking101/article/details/53289198 NC 全名 Netcat (网络刀),作者是 Hobbit & ...
- 本科生毕业论文->计算机类(1)
写在前面:作为一个计算机类学生,本文只是面向计算机类本科论文进行了一些小经验总结,每个学校的论文要求不一致,具体的参考规范可以看学校的通知,毕业论文作为毕业的一个重要审核标准,写好毕业论文是非常重要的 ...
- tess4j 注意事项
依赖: <dependency> <groupId>net.sourceforge.tess4j</groupId> <artifactId>tess4 ...