原生js裁取裁切图片

先上一个效果图，需求是上传图片，裁切图片，裁取出一个长方形的图和一个圆形图。 左边是上传图片部分，用的input，右边是两个canvas，移动左边的裁剪框，右边的会随着改变，也可放大图片，放大缩小范围是1-2。 主要讲思路：1.左边上传图片，用input的type='file’即可实现。                     2.右边是canvas,主要难点是计算坐标。需熟悉学习下drawIma

>>阅读原文<<