react-cropper
react-cropper是基于cropper.js封装的react组件 开箱即用很方便，如果你有前端图片裁剪的需要，强烈推荐💗
示意图：
查看demo
官方文档
react-cropper: www.npmjs.com/package/rea…
cropper.js: https://https://github.com/fengyuanchen/cropperjs#options
常见问题
图片跨域
起因
前后端分离后，图片往往存储在云服务上，导致了前端请求跨域问题CORS。
解决方式
跨域需要浏览器和服务端的支持，现代的浏览器都已支持（除开老版IE），所以主要是服务端需要在response里配置Access-Control-Allow-Origin的header头
还可能导致的问题
canvas报错
Failed to execute 'toDataURL' Tainted canvases may not be exported 这也是由于没有正确配置图片跨域，引起的。 在服务端配置跨域请求头后，canvas画布就不再会报错，就能进行绘制了。
关于crossOrigin属性
网上有很多解答，都说需要配置；
然而，与服务器端不涉及到cookie的传输，其实都是不需要设置的；
如果你有cookie传输的需要，那么于此相关的共有三个属性
crossOrigin={"anonymous"}
checkCrossOrigin={false}
checkOrientation={false}
