撒网要见鱼的专栏

前言图像处理中有三种常用的插值算法： 最邻近插值 双线性插值 双立方（三次卷积）插值 其中效果最好的是双立方（三次卷积）插值，本文介绍它的原理以及使用如果想先看效果和源码，可以拉到最底部本文的契机是某次基于canvas做图像处理时，发现canvas自带的缩放功能不尽人意，于是重温了下几种图像插值算法，并整理出来。为何要进行双立方插值 对图像进行插值的目的是为了获取缩小或放大后的图片 常用的插值算法中

前言前段时间遇到了一个移动端对图像进行裁剪、压缩、旋转的需求。 考虑到已有各轮子的契合度都不高，于是自己重新造了一个轮子。关于图像裁剪、压缩在HTML5时代，canvas的功能已经非常强大了，可以进行像素级的操作。像图像裁剪、压缩就都是基于canvas来实现的。关于其中原理，无非就是利用canvas自带的API，复杂一点的就是裁剪框以及旋转后的坐标计算，因此不再赘述。本文中的图像裁剪、压缩都是基于