文档章节

nodejs图片裁剪、水印(使用images)

c
 caiyezi
发布于 2016/11/08 20:24
字数 467
阅读 126
收藏 0

钉钉、微博极速扩容黑科技,点击观看阿里云弹性计算年度发布会!>>>

/**
 * 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());
};

 

c
粉丝 0
博文 108
码字总数 0
作品 0
西安
程序员
私信 提问
加载中
请先登录后再评论。
带你玩转七牛云存储——高级篇

七牛云图片存储优点 支持各种尺寸的图片缩放; 支持图片自动压缩; 支持水印添加:图片水印、文字水印两种模式; 图片防盗链,限制访问来源; 设置ip黑白名单,防止恶意盗刷、攻击; 自定义图...

osc_e73cj7xi
2018/06/19
1
0
thinkphp图片处理

thinkphp图片处理 一、总结 1、参考手册:参考手册上面啥都有,只是这样业务逻辑不明显,所以看视频会很好,但是如果用编程的灵性(设计),那么其实会更加高效,但是看视频更快而且没那么枯...

osc_f4gmzqne
2018/05/03
0
0
nodejs图片处理工具gm用法

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

osc_yw54cj9c
2019/04/08
12
0
不就一个上传图片功能吗,为什么要搞得那么复杂?

说到上传图片,大家肯定都特别熟悉,不管是从用例设计角度,还是安全性角度来看,都会对上传图片设计出覆盖率超全的有效用例。 那么问题来了,去哪里去找那些“稀奇古怪”的图片,比如大小、...

osc_r2ntyjuu
05/27
8
0
nodejs图片裁剪、缩放、水印

关于nodejs下图片的裁剪、水印,网上的模块很多,主要如下: gm:https://github.com/aheckmann/gm node-canvas:https://github.com/Automattic/node-canvas node-images:https://github.......

caiyezi
2016/11/08
192
0

没有更多内容

加载失败,请刷新页面

加载更多

在JavaScript中从字符串中删除所有非数字字符 - Strip all non-numeric characters from string in JavaScript

问题: Consider a non-DOM scenario where you'd want to remove all non-numeric characters from a string using JavaScript/ECMAScript. 考虑一个非DOM场景,您希望使用JavaScript / EC......

法国红酒甜
26分钟前
14
0
Quartz的Misfire处理规则 错过任务执行时间的处理机制

调度(scheduleJob)或恢复调度(resumeTrigger,resumeJob)后不同的misfire对应的处理规则 CronTrigger withMisfireHandlingInstructionDoNothing ——不触发立即执行 ——等待下次Cron触发频率...

独钓渔
今天
4
0
如何在Django视图中合并两个或多个查询集? - How to combine two or more querysets in a Django view?

问题: I am trying to build the search for a Django site I am building, and in that search, I am searching in 3 different models. 我正在尝试搜索要构建的Django网站,在该搜索中,我......

javail
今天
5
0
PHP解析/语法错误; 以及如何解决它们? - PHP parse/syntax errors; and how to solve them?

问题: Everyone runs into syntax errors. 每个人都遇到语法错误。 Even experienced programmers make typos. 即使是经验丰富的程序员也会打错字。 For newcomers, it's just part of the......

fyin1314
今天
20
0
OSChina 周三乱弹 —— 公主是大王的,命是自己的。小怪也要养家糊口啊!

Osc乱弹歌单(2020)请戳(这里) 【今日歌曲】 @巴拉迪维 :郭燕的单曲《下半生》 最近听一些轻快的歌 #今日歌曲推荐# 《下半生》 - 郭燕 手机党少年们想听歌,请使劲儿戳(这里) @锦年 :...

小小编辑
今天
38
1

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部