16-HarmonyOS 5-视觉套件-视觉图像分析器-案例
2 分•作者: zhousg•6 个月前
HarmonyOS 5.0 VisionKit 中 Vision Image Analyzer 的案例研究
摘要
本文介绍了如何使用 @kit.VisionKit 中的 visionImageAnalyzer 在 HarmonyOS 5.0 中实现图像文本分析。通过创建 VisionKitVisionImageAnalyzer 组件，用户可以对指定图像进行文本分析，并显示所有文本和选中的文本。<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>
查看原文
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>