Tesseract.js 不工作：无法在 \'HTMLCanvasElement\' 上执行 \'toBlob\'：可能无法导出受污染的画布答案

【问题标题】：Tessearct.js not working: Failed to execute 'toBlob' on 'HTMLCanvasElement': Tainted canvases may not be exportedTesseract.js 不工作：无法在 \'HTMLCanvasElement\' 上执行 \'toBlob\'：可能无法导出受污染的画布
【发布时间】：2022-08-19 14:25:28
【问题描述】：

我在 Chrome 上运行它，并使用节点来设置服务器。

这是我的 HTML

<head>
  <meta charset=\"UTF-8\">
  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
  <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">
    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js\"></script>
    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/async/3.2.0/async.min.js\"></script>
  <script src=\"https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js\" type=\"text/javascript\"></script>
  <script src=\'https://unpkg.com/tesseract.js@v2.1.0/dist/tesseract.min.js\'></script>
  <script src=\"js/canvas-to-blob.min.js\"></script>
  <title>Slicer</title>
    <script type=\"module\" src=\"sketch.js\"></script>
</head>
<body></body>

我的 javascript（从 github.com/naptha/tesseract.js/blob/master/docs/examples.md 复制）

const { createWorker } = require(\'tesseract.js\');
const worker = createWorker();
const rectangle = { left: 0, top: 0, width: 500, height: 250 };

(async () => {
  await worker.load();
  await worker.loadLanguage(\'eng\');
  await worker.initialize(\'eng\');
  const { data: { text } } = await worker.recognize(imageURL, { rectangle });
  console.log(text);
  await worker.terminate();
})();

我的错误是：未捕获的 DOMException：无法在 \'HTMLCanvasElement\' 上执行 \'toBlob\'：可能无法导出受污染的画布。

这是我尝试过的：

添加了 crossOrigin = \"Anonymous\"：它没有任何改变
已下载 blueimp-canvas-to-blob
尝试在终端上单独运行代码[我收到此错误\“RuntimeError: abort(TypeError: Failed to parse URL from /path_to_project/node_modules/tesseract.js-core/tesseract-core.wasm)\”) / /文件在那里！
已下载并使用 canvas-to-blob

我能做些什么来解决这个问题？

标签： javascript tesseract tesseract.js

【解决方案1】：

请使用 tesseract.js 2.0.0 版本。

【讨论】：