前言 看过我以往文章的小伙伴可能会发现，我的大部分文章都有很多配图。我的文章风格是图文相结合，更便于大家理解。 最近有很多小伙伴发私信问我：文章中的图是用什么工具画的。他们觉得我画的图风格挺小清新的，

看见电商的查看商品图片细节的功能，想着自己能不能写出来，随后一发不可收拾~成功打发了一晚上的时间。咳咳言归正传，功能在脑子里转了一下感觉很简单，无非就是图片拖动、图片缩放，但其实写的过程中还是有很多坑的，下面来一一细说： 1. 图片拖动 首先，很简单的结构，唯一需要注意的是im…

先给大家看一下最终效果。 将裁剪后的数据保存为blob发送至后端。 一开始制作这个需求思路有两个，使用canvas原生或者寻找现成的库，对比了一番觉得canvas实现时间耗费较长，且秉承着不重复造轮子的原则（其实是菜），决定使用Cropper.js。官方封装了很多参数、方法、事…

相信很多同学都用过 canvas，其操作简单而言就是擦除和绘制，当 canvas 动效越来越复杂的时候，我们时常会担心一帧中的计算超过 16ms，因为此时给用户看到的效果就会明显卡顿。对此我们写了一篇关于 canvas 的「最佳实践」，希望对你有所启发：《Canvas 最佳实践（性能篇）》 ——淘宝 FED