鸿蒙NEXT开发实战教程—文字识别

今天跟大家分享一个ocr文字识别的小项目：

鸿蒙系统提供了文字识别的能力，支持简体中文、英文、日文、韩文、繁体中文五种语言。实现步骤为初始化文字识别服务、将图片转换为PixelMap、文字识别、释放OCR服务。

首先从相册或者拍照获取图片，这一部分在之前的文章里有介绍，有疑问的同学可以查看这篇文章

HarmonyOS NEXT开发实战教程：选择相册和拍照

获取图片之后就可以进行图片的处理和识别，相关代码如下：

// 初始化 OCR 服务
const initResult = await textRecognition.init();
if (initResult) {
  let imageSource: image.ImageSource | undefined = undefined;
  let chooseImage: PixelMap | undefined = undefined;
  let fileSource = await fileIo.open(this.ocrRecourse, fileIo.OpenMode.READ_ONLY);
  imageSource = image.createImageSource(fileSource.fd);
  console.log('file.fd:',);
  chooseImage = await imageSource.createPixelMap();
  hilog.info(0x0000, 'OCRDemo', `chooseImage：${chooseImage.toString()}`);
  if (!chooseImage) {     return;   }
  // 调用文本识别接口
  let visionInfo: textRecognition.VisionInfo = {
    pixelMap: chooseImage
  };
  textRecognition.recognizeText(visionInfo, (error: BusinessError, data: textRecognition.TextRecognitionResult) => {
    if (error.code !== 0) {
    // hilog.error(0x0000, 'OCRDemo', `Failed to recognize text. Code: ${error.code}, message: ${error.message}`);
    return;
  }
  // 识别成功，获取对应的结果
  let recognitionString = data.value.toString()
  console.log('ocr识别结果：',JSON.stringify(recognitionString));
  this.resultStr = data.value.toString()
  router.pushUrl({       url:'pages/OCResultPage',       params:{         result:this.resultStr       }     })
  if(chooseImage && imageSource) {
    chooseImage.release();
    imageSource.release();
    }   });
    // 使用完毕后，释放 OCR 服务
    await textRecognition.release();}
  else {}

界面部分比较简单，直接贴个代码：

Navigation(){
Column(){
Image(this.ocrRecourse)
.width(this.screen_width - 80)
.height(450)
.backgroundColor('rgb(240,240,240)')
 .onClick(()=>{
this.recogniZAction()
})
Row(){
 Text('拍照')
.fontSize(15)
.fontColor(Color.White)
.width(70)
.height(30)
.backgroundColor('rgb(18,136,119)')
.textAlign(TextAlign.Center)
.onClick(()=>{
this.invokeCamera((url)=>{
 this.ocrRecourse = url
 })          })      

Text('相册')
.fontSize(15)
.fontColor(Color.White)
.width(70)
.height(30)
.backgroundColor('rgb(18,136,119)')
.textAlign(TextAlign.Center)
.margin({left:40})
.onClick(()=>{
this.invokeAlbum((url)=>{
this.ocrRecourse = url
})        })    }
 .width('100%')
.justifyContent(FlexAlign.Center)
.margin({top:60})
 Text('识别')
.width(180)
 .height(40)
 .fontSize(15)
.textAlign(TextAlign.Center)
   .fontColor(Color.White)
  .backgroundColor('rgb(18,136,119)')
 .margin({top:20})
 .onClick(()=>{        this.recogniZAction()      })  }
.justifyContent(FlexAlign.Center)
 .alignItems(HorizontalAlign.Center)
 .width('100%')  .height('100%')
.backgroundColor(Color.White)
.expandSafeArea([SafeAreaType.SYSTEM],[SafeAreaEdge.BOTTOM])}.width('100%').height('100%').titleMode(NavigationTitleMode.Mini).hideBackButton(true).backgroundColor('rgb(18,136,119)').title(this.Title())