鸿蒙AI功能开发【hiai引擎框架-通用文字识别】 底子视觉服务 ...

先容

本示例展示了使用hiai引擎框架提供的通用文字识别能力。
本示例模仿了在应用里，选择一张图片，识别其文字信息并展示出来（可复制）。
必要使用hiai引擎框架通用文字识别接口@kit.CoreVisionKit.d.ts。
效果预览

使用阐明：

• 在手机的主屏幕，点击”ocrDemo“，启动应用。
  
• 点击“选择图片”按钮，在图库中选择图片，大概通过相机照相。
  
• 点击“开始识别”按钮，识别图本信息，文本展示并可复制。
  

详细实现

本示例展示的控件在@kit.CoreVisionKit.d.ts定义了文字识别API：

1. recognizeText(visionInfo: VisionInfo, callback: AsyncCallback): void

复制代码

业务使用时，必要先辈行import导入textRecognition。 调用通用文字识别接口，并传入想要识别的图片，接收处理惩罚返回的结果（文字信息）。参考：

1. import { textRecognition } from '@kit.CoreVisionKit'
2. import { image } from '@kit.ImageKit';
3. import { hilog } from '@kit.PerformanceAnalysisKit';
4. import { BusinessError } from '@kit.BasicServicesKit';
5. import { picker, fileIo } from '@kit.CoreFileKit';
7. @Entry
8. @Component
9. struct Index {
10.   private imageSource: image.ImageSource | undefined = undefined;
11.   @State chooseImage: PixelMap | undefined = undefined;
12.   @State dataValues: string = '';
14.   build() {
15.     Column() {
16.       Image(this.chooseImage)
17.         .objectFit(ImageFit.Fill)
18.         .height('60%')
20.       Text(this.dataValues)
21.         .copyOption(CopyOptions.LocalDevice)
22.         .height('15%')
23.         .margin(10)
24.         .width('60%')
26.       Button('选择图片')
27.         .type(ButtonType.Capsule)
28.         .fontColor(Color.White)
29.         .alignSelf(ItemAlign.Center)
30.         .width('80%')
31.         .margin(10)
32.         .onClick(() => {
33.           // 拉起图库，获取图片资源
34.           this.selectImage();
35.         })
37.       Button('开始识别')
38.         .type(ButtonType.Capsule)
39.         .fontColor(Color.White)
40.         .alignSelf(ItemAlign.Center)
41.         .width('80%')
42.         .margin(10)
43.         .onClick(async () => {
44.           this.textRecognitionTest();
45.         })
46.     }
47.     .width('100%')
48.     .height('100%')
49.     .justifyContent(FlexAlign.Center)
50.   }
52.   private async textRecognitionTest() {
53.     if (!this.chooseImage) {
54.       return;
55.     }
56.     // 调用文本识别接口
57.     let visionInfo: textRecognition.VisionInfo = {
58.       pixelMap: this.chooseImage
59.     };
60.     let textConfiguration: textRecognition.TextRecognitionConfiguration = {
61.       isDirectionDetectionSupported: false
62.     };
63.     textRecognition.recognizeText(visionInfo, textConfiguration, (error: BusinessError, data: textRecognition.TextRecognitionResult) => {
64.       // 识别成功，获取对应的结果
65.       if (error.code == 0) {
66.         let recognitionString = data.toString();
67.         hilog.info(0x0000, 'OCRDemo', `Succeeded in recognizing text：${recognitionString}`);
68.         // 将结果更新到Text中显示
69.         this.dataValues = data.value;
70.       }
71.       if(this.chooseImage && this.imageSource) {
72.         this.chooseImage.release();
73.         this.imageSource.release();
74.       }
75.     });
76.   }
78.   private async selectImage() {
79.     let uri = await this.openPhoto();
80.     if (uri === undefined) {
81.       hilog.error(0x0000, 'OCRDemo', "Failed to get uri.");
82.       return;
83.     }
84.     this.loadImage(uri);
85.   }
87.   private openPhoto(): Promise<string> {
88.     return new Promise<string>((resolve, reject) => {
89.       let photoPicker = new picker.PhotoViewPicker();
90.       photoPicker.select({
91.         MIMEType: picker.PhotoViewMIMETypes.IMAGE_TYPE,
92.         maxSelectNumber: 1
93.       }).then((res: picker.PhotoSelectResult) => {
94.         resolve(res.photoUris[0]);
95.       }).catch((err: BusinessError) => {
96.         hilog.error(0x0000, 'OCRDemo', `Failed to get photo image uri. code：${err.code}，message：${err.message}`);
97.         resolve('');
98.       })
99.     })
100.   }
102.   private loadImage(name: string) {
103.     setTimeout(async () => {
104.       let fileSource = await fileIo.open(name, fileIo.OpenMode.READ_ONLY);
105.       this.imageSource = image.createImageSource(fileSource.fd);
106.       this.chooseImage = await this.imageSource.createPixelMap();
107.     }, 100)
108.   }
109. }

复制代码

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

除此之外，根据这个学习鸿蒙全栈学习路线，也附带一整套完整的学习【文档+视频】，内容包含如下：
   内容包含了：（ArkTS、ArkUI、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、鸿蒙南向开发、鸿蒙项目实战）等技术知识点。帮助大家在学习鸿蒙路上快速成长！
  鸿蒙【北向应用开发+南向体系层开发】文档

鸿蒙【底子+实战项目】视频

鸿蒙面经

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

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。