React 和 Canvas 裁剪图像

问题描述

我正在使用 react-image-crop 包为博客实现裁剪功能。我几乎从 this code snippet 复制了所有代码并将其改编为我的代码。我的站点使用 django (python manage.py runserver ip:port) 从在开发服务器中运行的后端获取图像,而前端使用 npm start。裁剪图像时会抛出此错误

Unhandled Rejection (SecurityError): Failed to execute 'toBlob' on 'HTMLCanvasElement': Tainted canvases may not be exported.

在谷歌之后,它说我需要为图像添加一个 crossorigin 属性,但是当我这样做时,这个图像没有加载。

有没有办法做到这一点,而无需在生产服务器中提供文件

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)