Does not get text from image if image contains some background objects

[shamsher31]

Im building mobile app for Motivation qoutes, where any one can add qoutes and send image link that contains qoutes in it. I used the following image.

it gives me text with proper line breaks, happy to see this.
"YOU LEARNED
TO LAUGH
BEFORE
YOU LEARNED
TO TALK."

But when I use this image

It gives me following text.

w?-
3 <5"
I! r

• WRI‘Cf' v EALWAvs“
  TEA WUERIGHT
  1“ CE 0N5
  *‘ A‘ £ I

Just want to ask if the lib only works with image without any background.

[mjurczyk]

Have you tried to detect the text after desaturation, adjustment of contrast plus, optional, inversion of colors?

It should work just fine with just these small changes.

[shamsher31]

Im writing service in nodejs which will take image as a input and will use tesseract.js to process it and get the text out of it. There will not be any interaction in between. I will appreciate if you point me to some libs that will help me to do what you mentioned.

[mjurczyk]

I have not tried it myself, but https://github.com/oliver-moran/jimp seems to provide what you need.

According to the examples:

image
  .greyscale()
  .contrast(+1)

Although you may also try to detect whether the image is rather dark or rather bright, and invert its colors accordingly.

[shamsher31]

Thanks @mjurczyk that worked for me.

[NikithShetty]

@shamsher31 can u share how you implemented color inversion using jimp?

[shamsher-synerzip31]

@NikithShetty you can use the following code. It's just POC to understand how JIMP and tesseract works together.

var Tesseract = require('tesseract.js');
var Jimp = require("jimp");


Jimp.read("img.jpg").then(function (image) {
    image.greyscale()
        .contrast(+1)    
        .normalize()
        .write("img-opt.jpg");
})
.then(function() {
  Tesseract.recognize('img-opt.jpg')
    .progress(function(message){console.log(message)})
    .catch(function(err){console.error(err)})
    .then(function(result){console.log(result.text)})
})
.catch(function (err) {
    console.error(err);
});

[NikithShetty]

Thanks @shamsher-synerzip31

[aditya0salaria]

Hi Guys,

I need help regarding tesseract functionality. I am using below code, Output is coming but not getting clear output. Is there any way, we can get clear output. Below is the code:

Library used below:

<script src='https://cdn.rawgit.com/naptha/tesseract.js/1.0.10/dist/tesseract.js'></script>

function used below:
setTimeout(function(){
var myImage= document.getElementById('ImageId');
Tesseract.recognize(myImage).then(function(result){
$('#Output').val(result.text);
});
},1000);

I have attached few images as an example which i need to convert to text

.

[monikacapternal]

[monikacapternal]

not getting text

[mjurczyk]

Why am I still getting notifications for this :')

@monikacapternal @aditya0salaria - you probably have to desaturate the image and increase the contrast for readability.