带有React的Tesseract.js:可能无法导出污染的画布

问题描述

我目前正在尝试按照给出的示例使用React来实现tesseract.js:https://github.com/jeromewu/tesseract.js-react-app/blob/master/src/App.js.

但是,我不断收到错误消息:

Uncaught DOMException: Failed to execute 'toBlob' on 'HTMLCanvasElement': Tainted canvases may not be exported.
    at blueimpLoadImage.orientation

经过一番研究,我发现它与CORS有关,但是我找不到解决方案,因为worker.recognize('https://tesseract.projectnaptha.com/img/eng_bw.png');函数使用的是网址,而不是img(不会显示在网页)

我很困惑,我们将不胜感激!

预先感谢

解决方法

我在这里遇到了同样的问题。根据我的研究,当我使用 Tesseract.js v2.1.4 时会以某种方式出现错误。我已经在 Tesseract.js repo 中报告了该问题。我希望他们能尽快修复它。

在等待修复时,我尝试使用 Tesseract.js v2.0.0,它在我的项目中运行良好。在我的 react 应用程序文件夹中,我通过运行以下命令安装它:

npm install tesseract.js@2.0.0