鸿蒙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())