前段时间遇到了一个移动端对图像进行裁剪、压缩、旋转的需求。 考虑到已有各轮子的契合度都不高，于是自己重新造了一个轮子。 在HTML5时代，canvas的功能已经非常强大了，可以进行像素级的操作。像图像裁剪、压缩就都是基于canvas来实现的。 关于其中原理，无非就是利用canv…

作为一个前端，给元素添加事件是一件司空见惯的事情。可是在Canvas中，其所画的任何东西都是无法获取的，更别说添加事件，那么我们对其就束手无策了吗？当然不是的！我们在平时项目中肯定都用过许多Canvas的框架，我们发现事件在这些框架中已经使用的十分成熟了，而且并没有出现特别严重…

解决了第一个问题图像灰度处理之后，接着就是做擦除的效果。 一开始想到 Canvas 的画布可以相互覆盖的特性，彩色原图作为背景，灰度图渲染到 Canvas 画布上，然后手指滑动的时候，把接触的部分清除掉，就显示出了背景图。关键的部分是怎么清除画布上已有图像，查询资料发现有两种方…

近期的工作中，是继 canvas 宽高问题 之后碰到的第二个问题。 在 PC 浏览器上显示时，没有发现明显的模糊，还可以接受。但在手机上就会有明显的模糊。这是示例，扫描访问二维码如下。 示例中，用 css 控制 canvas 的宽高，里面的图片展示效果不一致。查询资料，在 st…