tesseract.js 离线中文OCR示例

绝地灬酷狼 2023-10-01 15:32 26阅读 0赞

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAYWxsd2F5Mg_size_20_color_FFFFFF_t_70_g_se_x_16][]

<!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>
            <img id=myimg src="https://pic2.zhimg.com/v2-006fef9c4fe657c148b7b25a83a1a792_1440w.jpg?source=172ae18b" style="max-width: 40%;" />
            <br>
    
            <p id="print"></p>
    
    
            <script src="tesseract.min.js"></script>
            <script src="worker.min.js"></script>
            <script>    
            var myimg = document.getElementById('myimg');           
                const exampleImage = myimg.src; 
    
                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(exampleImage);
                    console.log(result.data);
                    document.getElementById("print")
                            .innerHTML = result.data.text;
    
                    await worker.terminate();
                }
            </script>
        </body>
    </html>

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAYWxsd2F5Mg_size_20_color_FFFFFF_t_70_g_se_x_16 1][]

[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAYWxsd2F5Mg_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/507a77ccc2b042008e158f21334fb6b5.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAYWxsd2F5Mg==,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAYWxsd2F5Mg_size_20_color_FFFFFF_t_70_g_se_x_16 1]: https://img-blog.csdnimg.cn/ec7c23a44fbf4118b115eeef8a158a93.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAYWxsd2F5Mg==,size_20,color_FFFFFF,t_70,g_se,x_16