4.我们需要两个canvas，一个canvas在下层，另一个canvas在上层。canvas fabric.js踩坑是众所周知的，canvas的api比较复杂，对一般前端er不太友好，另外，canvas一般不是自己手写的，一般开发者可能不会涉猎canvas。
图像剪辑前后的1、图片剪切前后的base64值的区别
base64值变得更加方便。1.从表单中选择一张图片。2.阅读图片并使用从原始图片获得的base64代码。3.新建一个图像，将base64传递给src，然后就可以使用这个对象了。4.我们需要两个canvas，一个canvas在下层，另一个canvas在上层。5.上图中的剪辑区域可以移动和放大。点击保存，用另一张canvas按照原图大小绘制裁剪区域。最后，对象canvas作为base64代码用toDataURL()获得，可以上传。
之前用过echarts之类的图表插件，第一次尝试写自己的原生canvas。本来以为很难很复杂，但是深入了解后发现是数学中的几何图形~欢迎跟我一起入坑！
因此，建议您永远不要使用css属性来设置
3、为什么我的openCanvas无法保存文件?可以肯定的是，这个软件的系统文件，比如。缺少bin文件。出现这种情况的原因可能是病毒破坏、误操作、系统冲突等。个人认为病毒的可能性最大。我建议彻底检查一下安装文件有没有病毒(网上免费资源陷阱太多了)，然后重装，排除系统冲突的可能。最近给学校官方微信做了一个小页面。用户可以选择自己的本地照片，上传并裁剪，然后与学校logo结合。用户可以在本地按下并保存。同样，我也把它们放在GitHub上，效果大概如下。
文章TAG：插件 裁剪 canvas 微信 程序 canvas 图片裁剪插件
