鸿蒙AI功能开发【卡证识别控件】场景视觉化服务

卡证识别控件

介绍

本示例展示了使用视觉类AI能力中的卡证识别能力。

本示例模拟了在应用里，跳转卡证识别控件，获取到验证结果并展示出来。

需要使用hiai引擎框架卡证识别验证接口@kit.VisionKit.d.ts。

效果预览

使用说明：

在手机的主屏幕，点击”CardRecognition“，启动应用。
点击拍照按钮，识别卡证图片。
拍摄完成后卡证信息显示在页面上。

具体实现

本示例展示的控件在@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。调用验证结果接口，接收处理返回的结果。

以上就是本篇文章所带来的鸿蒙开发中一小部分技术讲解；想要学习完整的鸿蒙全栈技术。可以在结尾找我可全部拿到！
下面是鸿蒙的完整学习路线，展示如下：

除此之外，根据这个学习鸿蒙全栈学习路线，也附带一整套完整的学习【文档+视频】，内容包含如下：

内容包含了：（ArkTS、ArkUI、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、鸿蒙南向开发、鸿蒙项目实战）等技术知识点。帮助大家在学习鸿蒙路上快速成长！

鸿蒙【北向应用开发+南向系统层开发】文档

鸿蒙【基础+实战项目】视频

鸿蒙面经

在这里插入图片描述

为了避免大家在学习过程中产生更多的时间成本，对比我把以上内容全部放在了↓↓↓想要的可以自拿喔！谢谢大家观看！