我目前正在开发一个项目,该项目将使用设备的相机功能拍摄成分列表的照片,然后它将在图像中显示文本。我使用谷歌云视觉API来显示文本。但是我希望能够突出显示图像本身上显示的文本。像谷歌翻译应用程序,用户拍照,屏幕显示一个框,让用户绘制出他们想要的单词翻译。我知道我需要使用哪个API来创建这个功能吗?
按要求:这是我到目前为止所做的,这是将图像中的文本显示到console.log()
takePicture() {
Camera.getPicture({
destinationType: Camera.DestinationType.DATA_URL,
targetWidth: 1000,
targetHeight: 1000
}).then((imageData) => {
// imageData is a base64 encoded string
this.base64Image = "data:image/jpeg;base64," + imageData;
//this.detectText(imageData);
this.getVision(imageData);
//console.log(imageData);
}, (err) => {
console.log(err);
});
}
getVision(base64image: string) {
this.testService.getVisionLabels(base64image)
.subscribe((sub) => {
this.labels = sub.responses[0].textAnnotations;
this.getText();
});
}
getText() {
this.labels.forEach((label) => {
let translation = {search: label.description, result: ''};
//console.log(label.description);
console.log(label.description);
});