I need help. I am trying to generate a code that shows the text in an image and I found the Tessereact.js library, but when the use shows me this error
Uncaught DOMException: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src='https://cdn.rawgit.com/naptha/tesseract.js/1.0.10/dist/tesseract.js'></script>
</head>
<body>
<img src="https://static1.abc.es/assets/1.2.278/img/rrss/abc/facebook/avatar-facebook.jpg"/>
<script>
var img = document.getElementsByTagName("img")[0];
Tesseract.recognize(img, function(result) {
console.log(result);
});
</script>
</body>
</html>
I need please to help, I am very interested in completing this project. Thanks