使用jcrop插件，使用canvas，只有前端页面，使用jquery

本例使用php+h5+canvas+jcrop 实现网页上传图片并对原图等比缩放后进行裁剪。实现过程:在HTML中对图片进行上传，在图片文件还未上传至服务器仍停留在form表单时，对该文件进行处理，在此过程中先获取原图的64位base编码，然后利用canvas对原图进行等比缩放，将缩放之后的图片生成新的64位base码并将其显示在网页预览图片中；之后使用jcrop对该图片进行在线裁剪，获取裁剪坐标及尺寸后，将缩放后的图片，裁剪坐标和宽高等通过post传到PHP页面，在PHP页面对图片进行最后的

1.canvas上传图片base64-有裁剪功能-Jcrop.js 2.3.可以设置是否-上传图片大小，limitImg = true 3.4.可以设置是否-有裁剪图片大小条件，limitImg = true，可手动更改 可预览图片地址 https://blog.csdn.net/qq_29132907/article/details/82458365

完整的封装了一套前端操作图片方法 测试目录：test_end.html 1、Jcrop截图 2、canvas单、双图合成，包含同比例缩放 3、gif图合成操作 范例用的合成带播放按钮的图片