tesseract.js 离线动态变化验证码图像保存canvas后OCR识别示例

最新推荐文章于 2024-05-10 09:52:46 发布

allway2

最新推荐文章于 2024-05-10 09:52:46 发布

阅读量605

点赞数

文章标签： javascript css 前端

本文链接：https://blog.csdn.net/allway2/article/details/122570647

版权

<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport"
              content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Basic Usage</title>
    </head>
    <body>

        <canvas id="myCanvas" width="578" height="400"></canvas>

        <p id="print"></p>


        <script src="tesseract.min.js"></script>
        <script src="worker.min.js"></script>
        <script>




            var imgurl = 'http://hostname_or_ip/captcha_api';
            var canvas = document.getElementById('myCanvas');
            //canvas.width = 200;
            //canvas.height = 200;
            var ctx = canvas.getContext('2d');
            var img = new Image();
            img.src = imgurl;
            img.setAttribute('crossorigin', 'anonymous');
            img.onload = function () {
                canvas.width = img.naturalWidth;
                canvas.height = img.naturalHeight;
                ctx.drawImage(img, 0, 0);
                document.body.appendChild(canvas);
                var canvastourl = canvas.toDataURL();
                console.log(canvastourl);
            }


            const worker = Tesseract.createWorker({
                workerPath: "worker.min.js",
                langPath: "./",
                corePath: "tesseract-core.wasm.js",
                logger: m => console.log(m)
            });
            Tesseract.setLogging(true);
            work();

            async function work() {
                await worker.load();
                await worker.loadLanguage('chi_sim');
                await worker.initialize('chi_sim');

                result = await worker.recognize(canvas);
                console.log(result.data);

                document.getElementById("print").innerHTML = result.data.text;

                await worker.terminate();
            }
        </script>
    </body>
</html>

allway2

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
tesseract.js 离线动态变化验证码图像保存canvas后OCR识别示例

<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1....
复制链接

扫一扫