npm 包 cordova-plugin-ocr-sdk 使用教程

阅读时长 6 分钟读完

介绍

cordova-plugin-ocr-sdk 是一款基于 Cordova 的 OCR 开发插件,在前端领域有着广泛应用。它能够通过调用移动设备的摄像头进行图片识别,将识别的文字数据返回给开发者,方便前端工程师进行二次开发。

安装

使用 npm 包进行安装:

或者,使用 Cordova 命令行工具进行安装:

使用方法

初始化

首先需要在你的 index.html 文件引入插件:

然后,在你的 JavaScript 文件中,初始化插件:

其中,ocrSuccessocrError 分别是成功和失败的回调函数,用于接收 OCR 识别服务返回的结果,appKeysecretKey 是 OCR 服务的账户信息,需要在 OCR 官网上申请并获取。

打开相机

打开相机进行OCR识别,只需调用 OCRSDK.scan() 方法:

-- -------------------- ---- -------
----------------------- --------- -
    ----------- --------------------------------
    ---------------- --------------------------------
    ------------- -------------------------
    -------- ----
    ------------ ----
    ------------- ----
    -------- --------
---

其中,sourceType 表示相机来源,可选择Camera.PictureSourceType.CAMERA或Camera.PictureSourceType.PHOTOLIBRARY;destinationType 表示返回的图像数据格式,可选择Camera.DestinationType.DATA_URL或Camera.DestinationType.FILE_URI;encodingType 表示图像编码方式,可选择Camera.EncodingType.JPEG或Camera.EncodingType.PNG;quality 表示图像质量;targetWidthtargetHeight 表示图片的宽度和高度限制;OCRType 表示 OCR 服务的识别类型,可选值有 "IDCard"、"BankCard"、"DrivingLicense"、"VehicleLicense"、"PlateNumber"、"BusinessCard"。

回调函数

当 OCR 识别服务返回结果时,会触发指定的回调函数:

-- -------------------- ---- -------
-------- ------------------ -
    --------------------
    -- -- --- ----
-

-------- --------------- -
    -------------------
    -- -- --- ----
-

OCR 识别结果为一个 JSON 对象,包含 OCR 识别的文字数据等信息,开发者可以根据识别结果进行后续开发。

示例代码

完整的示例代码:

-- -------------------- ---- -------
--------- -----
------
    ------
        ----- ----------------
        ------------- ------------
    -------
    ------
        ---------- ---------
        ------- ------------- -- -------------
        ------- ---------------------- --------------------------
        ------- ---------------------- --------------------------------------------
        ------- -----------------------
            ---------------------------------------- -----------
                ----------------------- --------- -
                    ------- ---------------
                    ---------- -----------------
                ---

                -------------------------------------------------------- -----------
                    ----------------------- --------- -
                        ----------- --------------------------------
                        ---------------- --------------------------------
                        ------------- -------------------------
                        -------- ----
                        ------------ ----
                        ------------- ----
                        -------- --------
                    ---
                ---
            -- -------

            -------- ------------------ -
                --------------------
                -- -- --- ----
            -

            -------- --------------- -
                -------------------
                -- -- --- ----
            -
        ---------
    -------
-------

以上就是使用 npm 包 cordova-plugin-ocr-sdk 的基本使用方法,希望对前端开发者有所帮助。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60057c1681e8991b448ebb47

纠错
反馈