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

爱桥代码的程序媛2024-08-12 14:36

卡证识别控件

介绍

本示例展示了使用视觉类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内核、鸿蒙南向开发、鸿蒙项目实战）等技术知识点。帮助大家在学习鸿蒙路上快速成长！

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

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

鸿蒙面经

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