鸿蒙AI功能开发【文档扫描控件】场景识别服务_onresult: (code: number, savetype: saveoption, uri-CSDN博客

本文链接：https://blog.csdn.net/2301_76813281/article/details/141036070

文档扫描控件

介绍

本示例展示了使用视觉类AI能力中的文档扫描能力。

本示例模拟了在应用里，跳转文档扫描控件，获取到扫描结果并展示出来。

需要使用hiai引擎框架文档扫描验证接口@kit.VisionKit.d.ts。

效果预览

使用说明：

在手机的主屏幕，点击”DocumentScanDemo“，启动应用。
点击拍照按钮，识别文档图片。
点击缩略图，进入编辑页面。
可更换滤镜、手动裁剪等。

具体实现

本示例展示的控件在@kit.VisionKit.d.ts定义了卡证识别控件：

/**
 * This is a ui component used for generating document scans.
 * @syscap SystemCapability.AI.Component.DocScan
 * @atomicservice
 * @since 5.0.0(12)
 */
@Component
declare struct DocumentScanner {
  /**
   * config for document scanner.
   *
   * @type { DocumentScannerConfig }
   * @default []
   * @syscap SystemCapability.AI.Component.DocScan
   * @atomicservice
   * @since 5.0.0(12)
   */
  scannerConfig: DocumentScannerConfig;
  /**
   * @param { (code: number, saveType: SaveOption, uris: string[]) => void }
   * callback of the listened event, called when the Component is terminated.
   * @syscap SystemCapability.AI.Component.DocScan
   * @atomicservice
   * @since 5.0.0(12)
   */
  onResult: (code: number, saveType: SaveOption, uris: string[]) => void;
  /**
   * Constructor used to create a <b>DocumentScanner</b> object.
   * @syscap SystemCapability.AI.Component.DocScan
   * @atomicservice
   * @since 5.0.0(12)
   */
  build(): void;
}

业务使用时，需要先进行import导入DocumentScanner。调用验证结果接口，接收处理返回的结果。