【开源】canvas图像裁剪、压缩、旋转

2017-12-19
阅读 3 分钟
4.3k
前言 前段时间遇到了一个移动端对图像进行裁剪、压缩、旋转的需求。考虑到已有各轮子的契合度都不高,于是自己重新造了一个轮子。 关于图像裁剪、压缩 在HTML5时代,canvas的功能已经非常强大了,可以进行像素级的操作。像图像裁剪、压缩就都是基于canvas来实现的。 关于其中原理,无非就是利用canvas自带的API,复杂一...

【图像缩放】最邻近插值

2017-12-19
阅读 1 分钟
4.3k
前言 图像处理中有三种常用的插值算法: 最邻近插值 双线性插值 双立方(三次卷积)插值 本文介绍其中的最邻近插值 如果想先看效果和源码,可以拉到最底部 何时进行最邻近插值 这个算法的特点是 速度非常快速 误差很大 如果缩放系数较大,肯定会有马赛克效果 适合在一些需要实时预览缩放后效果,但是精度要求又不是很高...

【图像缩放】双线性插值

2017-12-19
阅读 4 分钟
10.6k
前言 图像处理中有三种常用的插值算法: 最邻近插值 双线性插值 双立方(三次卷积)插值 本文介绍其中的双线性插值 如果想先看效果和源码,可以拉到最底部 何时进行双线性插值 相比于最邻近插值的粗糙以及双立方插值的计算量大,双线性插值的效果比较折中 计算量不是那么巨大 效果也还可以 一般可以作为应用中的默认处理...

【图像缩放】双立方(三次)卷积插值

2017-12-19
阅读 7 分钟
11.3k
前言 图像处理中有三种常用的插值算法: 最邻近插值 双线性插值 双立方(三次卷积)插值 其中效果最好的是双立方(三次卷积)插值,本文介绍它的原理以及使用 如果想先看效果和源码,可以拉到最底部 本文的契机是某次基于canvas做图像处理时,发现canvas自带的缩放功能不尽人意,于是重温了下几种图像插值算法,并整理出...