16-鸿蒙OS5-视觉工具包-视觉图像分析器-案例
HarmonyOS 5.0中VisionKit的视觉图像分析器案例研究
摘要
本文介绍了如何在HarmonyOS 5.0中使用@kit.VisionKit中的visionImageAnalyzer实现图像文本分析。通过创建VisionKitVisionImageAnalyzer组件，用户可以对指定图像进行文本分析，并显示所有文本及所选文本。
```javascript
import { visionImageAnalyzer } from '@kit.VisionKit'
@Entry
@Component
struct VisionKitVisionImageAnalyzer {
aiController = new visionImageAnalyzer.VisionImageAnalyzerController()
@State text: string = ''
@State selectedText: string = ''
aboutToAppear(): void {
this.aiController.on('textAnalysis', (text) => {
this.text = text
})
this.aiController.on('selectedTextChange', (selectedText) => {
this.selectedText = selectedText
})
}
build() {
Column({ space: 15 }) {
Image('https://inews.gtimg.com/om_ls/O3W2Lv10CTyLNHOjw4k_Co1Kkb2-c42GHWvifzD-ka5OYAA_294195/0', {
types: [ImageAnalyzerType.TEXT],
aiController: this.aiController
})
.enableAnalyzer(true)
.objectFit(ImageFit.Contain)
.width(300)
.height(300)
Text('所有文本: ' + this.text)
Text('所选文本: ' + this.selectedText)
}
.alignItems(HorizontalAlign.Start)
.padding(15)
.height('100%')
.width('100%')
}
}
```
查看原文
Case Study of Vision Image Analyzer in VisionKit on HarmonyOS 5.0
Abstract
This article introduces how to use visionImageAnalyzer from @kit.VisionKit to implement image text analysis in HarmonyOS 5.0. By creating the VisionKitVisionImageAnalyzer component, users can perform text analysis on specified images and display all the text and the selected text.<p>import { visionImageAnalyzer } from '@kit.VisionKit'<p>@Entry
@Component
struct VisionKitVisionImageAnalyzer {
aiController = new visionImageAnalyzer.VisionImageAnalyzerController()
@State text: string = ''
@State selectedText: string = ''<p><pre><code> aboutToAppear(): void {
this.aiController.on('textAnalysis', (text) => {
this.text = text
})
this.aiController.on('selectedTextChange', (selectedText) => {
this.selectedText = selectedText
})
}
build() {
Column({ space: 15 }) {
Image(' `https://inews.gtimg.com/om_ls/O3W2Lv10CTyLNHOjw4k_Co1Kkb2-c42GHWvifzD-ka5OYAA_294195/0` ', {
types: [ImageAnalyzerType.TEXT],
aiController: this.aiController
})
.enableAnalyzer(true)
.objectFit(ImageFit.Contain)
.width(300)
.height(300)
Text('All text: ' + this.text)
Text('Selected text: ' + this.selectedText)
}
.alignItems(HorizontalAlign.Start)
.padding(15)
.height('100%')
.width('100%')
}
}</code></pre>