基于Html5 canvas实现裁剪图片和马赛克功能及又拍云上传图片 功能

1.核心功能 此组件功能包含: 图片裁剪(裁剪框拖动,裁剪框改变大小); 图片马赛克(绘制马赛克,清除马赛克); 图片预览、图片还原(返回原图、返回处理图); 图片上传(获取签名、上传图片)。 2.核心逻辑 2.1图片裁剪 获取裁剪框(矩形)相对于画布的位置(左上)和裁剪框的height、width。获取(getImageData)canvas相应位置的图片对象(ImageData)。清空canvas画布。在canvas画布的相应位置绘制(putImageData)获取的图片对象(ImageData)。生成预览图。 2.2图片马赛克 马赛克的