卡证识别控件
介绍
本示例展示了使用视觉类AI能力中的卡证识别能力。
本示例模拟了在应用里,跳转卡证识别控件,获取到验证结果并展示出来。
需要使用hiai引擎框架卡证识别验证接口@kit.VisionKit.d.ts。
效果预览
预览 | 拍照 |
---|---|
| |
使用说明:
- 在手机的主屏幕,点击”CardRecognition“,启动应用。
- 点击拍照按钮,识别卡证图片。
- 拍摄完成后卡证信息显示在页面上。
工程目录
├─entry/src/main/ets // 代码区 │ ├─entryability │ │ └─EntryAbility.ets // 入口Ability │ └─pages │ ├─MainPage.ets // 主页界面 │ └─CardDemoPage.ets // 卡证控件调用界面 └─entry/src/main/resources // 应用资源目录
具体实现
本示例展示的控件在@kit.VisionKit.d.ts定义了卡证识别控件:
/** * This is a ui component used to identify card * @syscap SystemCapability.AI.Component.CardRecognition * @atomicservice * @since 5.0.0(12) */ @Component declare struct CardRecognition { /** * Supported card identification types. * @type { CardType } * @syscap SystemCapability.AI.Component.CardRecognition * @atomicservice * @since 5.0.0(12) */ supportType: CardType; /** * Card side to recognize. * @type { CardSide } * @default CardSide.DEFAULT * @syscap SystemCapability.AI.Component.CardRecognition * @atomicservice * @since 5.0.0(12) */ cardSide?: CardSide; /** * Card recognition result callback. * @type { Callback } * @syscap SystemCapability.AI.Component.CardRecognition * @atomicservice * @since 5.0.0(12) */ callback: Callback<CallbackParam>; /** * Constructor used to create a <b>CardRecognition</b> object. * @syscap SystemCapability.AI.Component.CardRecognition * @atomicservice * @since 5.0.0(12) */ build(): void; }
业务使用时,需要先进行import导入CardRecognition。 调用验证结果接口,接收处理返回的结果。
相关权限
不涉及。
依赖
不涉及。
约束与限制
- 本实例仅支持标准系统上运行,支持设备:华为手机,华为平板。
- HarmonyOS系统:HarmonyOS NEXT Developer Beta1及以上。
- DevEco Studio版本:DevEco Studio NEXT Developer Beta1及以上。
- HarmonyOS SDK版本:HarmonyOS NEXT Developer Beta1 SDK及以上。
HarmonyOS_Samples/Visionkit-SampleCode-CardRecognitionDemo-ArkTS