+
+
-
-
-
-
-
-
-
-
-
-
-
- Tesseract.js is a pure javascript version of the Tesseract OCR Engine
- that can recognize
- English,
- Chinese,
- Russian,
- Meme, and 60 other languages.
-
-
-
-
-
- Get Started
+
+
+
+
+
+
+
+
+
+
+
-
-
+
-
-
-
+ Tesseract.js is a pure javascript version of the Tesseract OCR Engine
+ that can recognize
+ English,
+ Chinese,
+ Russian,
+ Meme, and 60 other languages.
+
+
+
+
+
+ Get Started
+
+
-
- -
-
-
-
- - -
- Hint: you can, like, edit this code yo
-
-
-
- Initializing Magic...
-
-
-
-
-
-
-
-
-
-
-
English
- Chinese
- Russian
- Meme
+
+
+
+ +
+
+
+
+ + +
+ Hint: you can, like, edit this code yo
+
+
+
+ Initializing Magic...
+
+
+
+
+
+
+
+
+
+
+
-
-
The output of the demo will magically appear here :)
+ -->
+
+
+
-
-
+
+
The output of the demo will magically appear here :)
+
-
-
-
+
-
+npm install tesseract.js
-
-
- <script src="https://cdn.rawgit.com/naptha/tesseract.js/master/lib/Tesseract.2015.07.25.v0.js"></script>
-
- Wau Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ', {name: 'xml', htmlMode: true}, scdiv)
-
- // var scripttag = CodeMirror(,{
- // mode: {name: 'xml', htmlMode: true},
- // readOnly: 'nocursor',
- // value:
- // });
-
-
- return {
-
- run: function(){
- var img = demo.querySelector('.to_ocr')
-
- if (img.complete) {
- run(editor)
- } else{
- img.onload = function(){
- run(editor)
- }
- }
-
- }
- }
+ var demo = document.getElementById(id)
+ var prog = demo.querySelector('.prog')
+ var out = demo.querySelector('.out')
+
+ var disp = demo.querySelector('.display')
+ var dctx = disp.getContext('2d')
+ disp.width = 0
+ disp.height = 0
+
+ demo.querySelector('.runbutton').onclick = function(){
+ setrunning(0)
+ run(editor)
+ }
+
+ function show_progress(p){
+
+ setrunning(0)
+ console.log(p)
+ if(p.loaded_lang_model) prog.value = p.loaded_lang_model
+ if(p.recognized) prog.value = p.recognized
+ out.innerText = JSON.stringify(p)
+ out.innerText = JSON.stringify(p)
+
+ }
+
+ function setrunning(v){
+ if (v == 1) {
+ demo.querySelector('.running').style.display = 'none'
+ demo.querySelector('.notrunning').style.display = 'block'
+ // out.style.visibility = 'hidden'
+ }
+ else {
+ demo.querySelector('.running').style.display = 'block'
+ demo.querySelector('.notrunning').style.display = 'none'
+ }
+ }
+
+ function display(result) {
+
+ React.render(React.createElement(Node, { node: result, expanded: true, label: "output_of_above_demo_plz_click_stuff"}), document.getElementById("explorer"));
+
+ setrunning(1)
+
+ out.innerText = "Lightning Speeeeeeed"
+ prog.value = 0
+
+ console.log(result)
+
+ disp.width = demo.querySelector('.to_ocr').naturalWidth
+ disp.height = demo.querySelector('.to_ocr').naturalHeight
+
+ disp.style.width = demo.querySelector('.to_ocr').offsetWidth
+ disp.style.height = demo.querySelector('.to_ocr').offsetHeight
+
+
+ dctx.shadowColor = "rgba(255,255,255,.1)"
+ dctx.shadowOffsetX = 0;
+ dctx.shadowOffsetY = 0;
+ dctx.shadowBlur = 10;
+
+ dctx.fillRect(0,0,disp.width, disp.height)
+
+ var m = result.words.map(function(w){
+
+ var b = w.bbox
+ dctx.font = '20px Times'
+ var font = 20*(b.x1-b.x0)/dctx.measureText(w.text).width+"px Times"
+
+
+ var k = function(){
+ dctx.font = font
+ dctx.fillText(w.text, b.x0, w.baseline.y0);
+ return font
+ }
+
+ return k
+ })
+
+ var times = 0
+ var maxtimes = m.length + 100
+ function draw(i){
+
+ times++
+ // dctx.fillStyle="rgba(30, 29, 49, .8)"
+ dctx.fillStyle="rgba(0, 219, 157, "+Math.min(i/100,1)+")"
+ // dctx.globalAlpha = .1;
+ dctx.clearRect(0,0,disp.width, disp.height)
+ dctx.fillRect(0,0,disp.width, disp.height)
+
+ for (var j = 0; j < Math.min(i,m.length); j++) {
+ var asdf = Math.min(Math.max(i - j,0), 100)
+ dctx.fillStyle = "rgba(255,255,255,"+asdf*.01+")"
+ m[j]()
+ };
+
+ if(i', {
+ name: 'xml',
+ htmlMode: true
+ }, scdiv)
+
+ // var scripttag = CodeMirror(,{
+ // mode: {name: 'xml', htmlMode: true},
+ // readOnly: 'nocursor',
+ // value:
+ // });
+ editor.clear = function(){
+ dctx.clearRect(0,0,disp.width, disp.height)
+ document.querySelector('.ocroutput').innerHTML = ''
+
+ }
+
+ editor.img = demo.querySelector('.to_ocr')
+
+ editor.run = function(){
+
+ if (editor.img.complete) {
+ run(editor)
+ } else{
+ editor.img.onload = function(){
+ run(editor)
+ }
+ }
+ }
+
+ return editor
}
-builddemo('wow',
+setTimeout(function(){
+ document.getElementById('wow').className += ' opaque'
+}, 100)
+
+var wow = builddemo('wow',
"var img = demo.querySelector('img.to_ocr')\n\n\
Tesseract\n\
- .recognize( img, {progress: show_progress} )\n\
- .then( display )")
-.run()
-
-addEventListener('scroll', function(e){
- //frum jcurry
- var doc = document.documentElement;
- var top = (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0);
- if(top >= 227) {
- document.querySelector('.stickyheader').style['background-color'] = '#00DB9D'
- }
- else {
- document.querySelector('.stickyheader').style['background-color'] = 'rgba(0,0,0,0)'
- }
+ .recognize( img, {\n\
+ progress: show_progress} )\n\
+ .then( display ) // scroll down for full output ")
+
+wow.run()
+
+
+var tabs = Array.prototype.slice.call(document.querySelectorAll('.langlabel'))
+var ltabs = Array.prototype.slice.call(document.querySelectorAll('.ltab'))
+var langs = ['eng', 'chi_sim', 'rus', 'tha']
+
+function setlang(i){
+ tabs.forEach(function(t){
+ t.className = 'langlabel'
+ })
+ tabs[i].className = 'langlabel selected'
+ console.log(tabs[i])
+ wow.setValue(
+ "var img = demo.querySelector('img.to_ocr')\n\n"
+ +"Tesseract\n"
+ +" .recognize( img, {\n"
+ +" progress: show_progress, lang: '"+langs[i]+"'} )\n"
+ +" .then( display ) // scroll down for full output ")
+ wow.img.src = 'img/'+langs[i]+'.png'
+ wow.clear()
+
+}
+
+
+ltabs.forEach(function(ltab,i){
+ ltab.onclick = function(){
+ setlang(i)
+ }
})
+
+tabs.forEach(function(tab,i){
+ tab.onclick = function(){
+ setlang(i)
+ }
+})
// document.querySelector('.getStarted')[0].onclick = function(){
-// location.href = '#'
-// location.href = '#get_started'
+// location.href = '#'
+// location.href = '#get_started'
// }
// builddemo('demo2',
diff --git a/main_dev.js b/main_dev.js
new file mode 100644
index 0000000..c971bd4
--- /dev/null
+++ b/main_dev.js
@@ -0,0 +1,233 @@
+function builddemo(id, val){
+ var demo = document.getElementById(id)
+ var prog = demo.querySelector('.prog')
+ var out = demo.querySelector('.out')
+
+ var disp = demo.querySelector('.display')
+ var dctx = disp.getContext('2d')
+ disp.width = 0
+ disp.height = 0
+
+ demo.querySelector('.runbutton').onclick = function(){
+ setrunning(0)
+ run(editor)
+ }
+
+ function show_progress(p){
+
+ setrunning(0)
+ console.log(p)
+ if(p.loaded_lang_model) prog.value = p.loaded_lang_model
+ if(p.recognized) prog.value = p.recognized
+ out.innerText = JSON.stringify(p)
+ out.innerText = JSON.stringify(p)
+
+ }
+
+ function setrunning(v){
+ if (v == 1) {
+ demo.querySelector('.running').style.display = 'none'
+ demo.querySelector('.notrunning').style.display = 'block'
+ // out.style.visibility = 'hidden'
+ }
+ else {
+ demo.querySelector('.running').style.display = 'block'
+ demo.querySelector('.notrunning').style.display = 'none'
+ }
+ }
+
+ function display(result) {
+
+ React.render(React.createElement(Node, { node: result, expanded: true, label: "output_of_above_demo_plz_click_stuff"}), document.getElementById("explorer"));
+
+ setrunning(1)
+
+ out.innerText = "Lightning Speeeeeeed"
+ prog.value = 0
+
+ console.log(result)
+
+ disp.width = demo.querySelector('.to_ocr').naturalWidth
+ disp.height = demo.querySelector('.to_ocr').naturalHeight
+
+ disp.style.width = demo.querySelector('.to_ocr').offsetWidth
+ disp.style.height = demo.querySelector('.to_ocr').offsetHeight
+
+
+ dctx.shadowColor = "rgba(255,255,255,.1)"
+ dctx.shadowOffsetX = 0;
+ dctx.shadowOffsetY = 0;
+ dctx.shadowBlur = 10;
+
+ dctx.fillRect(0,0,disp.width, disp.height)
+
+ var m = result.words.map(function(w){
+
+ var b = w.bbox
+ dctx.font = '20px Times'
+ var font = 20*(b.x1-b.x0)/dctx.measureText(w.text).width+"px Times"
+
+
+ var k = function(){
+ dctx.font = font
+ dctx.fillText(w.text, b.x0, w.baseline.y0);
+ return font
+ }
+
+ return k
+ })
+
+ var times = 0
+ var maxtimes = m.length + 100
+ function draw(i){
+
+ times++
+ // dctx.fillStyle="rgba(30, 29, 49, .8)"
+ dctx.fillStyle="rgba(0, 219, 157, "+Math.min(i/100,1)+")"
+ // dctx.globalAlpha = .1;
+ dctx.clearRect(0,0,disp.width, disp.height)
+ dctx.fillRect(0,0,disp.width, disp.height)
+
+ for (var j = 0; j < Math.min(i,m.length); j++) {
+ var asdf = Math.min(Math.max(i - j,0), 100)
+ dctx.fillStyle = "rgba(255,255,255,"+asdf*.01+")"
+ m[j]()
+ };
+
+ if(i', {
+ name: 'xml',
+ htmlMode: true
+ }, scdiv)
+
+ // var scripttag = CodeMirror(,{
+ // mode: {name: 'xml', htmlMode: true},
+ // readOnly: 'nocursor',
+ // value:
+ // });
+ editor.clear = function(){
+ dctx.clearRect(0,0,disp.width, disp.height)
+ document.querySelector('.ocroutput').innerHTML = ''
+
+ }
+
+ editor.img = demo.querySelector('.to_ocr')
+
+ editor.run = function(){
+
+ if (editor.img.complete) {
+ run(editor)
+ } else{
+ editor.img.onload = function(){
+ run(editor)
+ }
+ }
+ }
+
+ return editor
+}
+
+setTimeout(function(){
+ document.getElementById('wow').className += ' opaque'
+}, 100)
+
+var wow = builddemo('wow',
+"var img = demo.querySelector('img.to_ocr')\n\n\
+Tesseract\n\
+ .recognize( img, {\n\
+ progress: show_progress} )\n\
+ .then( display ) // scroll down for full output ")
+
+wow.run()
+
+
+var tabs = Array.prototype.slice.call(document.querySelectorAll('.langlabel'))
+var ltabs = Array.prototype.slice.call(document.querySelectorAll('.ltab'))
+var langs = ['eng', 'chi_sim', 'rus', 'tha']
+
+function setlang(i){
+ tabs.forEach(function(t){
+ t.className = 'langlabel'
+ })
+ tabs[i].className = 'langlabel selected'
+ console.log(tabs[i])
+ wow.setValue(
+ "var img = demo.querySelector('img.to_ocr')\n\n"
+ +"Tesseract\n"
+ +" .recognize( img, {\n"
+ +" progress: show_progress, lang: '"+langs[i]+"'} )\n"
+ +" .then( display ) // scroll down for full output ")
+ wow.img.src = 'img/'+langs[i]+'.png'
+ wow.clear()
+
+}
+
+
+ltabs.forEach(function(ltab,i){
+ ltab.onclick = function(){
+ setlang(i)
+ }
+})
+
+
+tabs.forEach(function(tab,i){
+ tab.onclick = function(){
+ setlang(i)
+ }
+})
+// document.querySelector('.getStarted')[0].onclick = function(){
+// location.href = '#'
+// location.href = '#get_started'
+// }
+
+// builddemo('demo2',
+// "var img = demo.querySelector('img.to_ocr')\n\n\
+// Tesseract\n\
+// .recognize( img, {progress: show_progress, lang:'chi_sim'} )\n\
+// .then( display )")
diff --git a/explorer_src/explorer.js b/src/explorer.js
similarity index 100%
rename from explorer_src/explorer.js
rename to src/explorer.js
diff --git a/src/index.html b/src/index.html
index 105be5b..5db34cb 100644
--- a/src/index.html
+++ b/src/index.html
@@ -12,170 +12,125 @@
-
+
+
+
+
+
- "Last time I got here, before I even arrived, they had ‘fuck Kanye’ on the motherfuckin’ port-a-potties. But this year, we gon’ piss on ‘em, on they motherfuckin’ port-a-potties. How many of y'all don't give a fuck about what the press say? It's 2014. College Dropout came out 2004. I want y'all to know, every time I go to the studio, every time I do an interview, every time I make a motherfuckin' t-shirt, the thing I do, I give it everything I got. And when I talk that shit, it's so that you can talk that shit. If you a fan of me, you a fan of your motherfuckin' self. You can do something that'll change the world. Look at how they try to make me look. They try to make me look crazy.",
- "I need a new cool. What's the new shit out? What's the new shit out with the most commercials at the Super Bowl? Let's just stop the music and play a Bruno Mars song right now, how about that? They told me I would never play at the Super Bowl. They told me I could never play at the Super Bowl. Not until I'm super old. Not until I'm super old... They told me I would never play at the Super Bowl. They told me I would never play at the Super Bowl, at least not until I'm super old. So I think it's time–hold up, f—k that toast.",
- "I know people get mad at me when I compare myself, but that's the only way I can explain what my aspirations are. When I'm talkin' 'bout Walt Disney, when I'm talkin' 'bout Howard Hughes, when I'm talkin' 'bout Henry Ford, when I'm talkin' 'bout Beethoven, when I talk about Mozart, when I talk about Shakespeare, and they all had their time on this earth. And I'm only 37. And right now I'm rockin' to 90,000, of y'all motherfuckers right now. So I ain't goin' at anybody on the radio. I'm goin' after Shakespeare. I'm goin' after Walt Disney. I'm going after Howard Hughes. I'm going after David Stern. I'm goin' after Henry Ford. I'm going after Elon Musk. Okay, he is living, but he's my boy.",
+
@@ -183,15 +138,22 @@
+
-
+
-
+
diff --git a/index_dev.html b/index_dev.html
new file mode 100644
index 0000000..a7b0ffc
--- /dev/null
+++ b/index_dev.html
@@ -0,0 +1,160 @@
+
+
+
+
Such Docs
+Installation
+npm install tesseract.js
+
+ <script src="https://cdn.rawgit.com/naptha/tesseract.js/master/lib/Tesseract.2015.07.26.js"></script>
+ Methods
+Tesseract.recognize( img [, callback(err,result)] )
+ Go Kevin! You can write this! +Tesseract.detect( img [, callback(err,result)] )
+ Go Kevin! You can write this! +Supported Languages
+
+
+
eng
Enlish
chi_sim
Chinese
rus
Rusian
tha
Meme
deu
German
jpn
Japanese
spa
Spanish
fra
French
chi_tra
Traditional Chinese
por
Portuguese
ita
Italian
pol
Polish
tur
Turkish
nld
Dutch
ara
Arabic
ces
Czech
kor
Korean
swe
Swedish
vie
Vietnamese
ron
Romanian
ell
Greek
ind
Indonesian
hun
Hungarian
dan
Danish
bul
Bulgarian
fin
Finnish
nor
Norwegian
ukr
Ukrainian
cat
Catalan
hrv
Croatian
heb
Hebrew
lit
Lithuanian
slv
Slovenian
hin
Hindi
ben
Bengali
tel
Telugu
tam
Tamil
kan
Kannada
mal
Malayalam
tgl
Tagalog
swa
Swahili
aze
Azerbaijani
bel
Belarusian
afr
Afrikaans
sqi
Albanian
eus
Basque
epo
Esperanto
est
Estonian
glg
Galician
isl
Icelandic
lav
Latvian
mkd
Macedonian
msa
Malay
mlt
Maltese
grc
Ancient Greek
chr
Cherokee
enm
English (Old)
epo_alt
Esperanto alternative
frk
Frankish
frm
French (Old)
ita_old
Italian (Old)
equ
Math
srp
Serbian (Latin)
slk
Slovakian
spa_old
Old Spanish
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Tesseract.js is a pure javascript version of the Tesseract OCR Engine
+ that can recognize
+ English,
+ Chinese,
+ Russian,
+ Meme, and 60 other languages.
+
+
+
+
+
+ Get Started
+
+
+
+
+
+
+ +
+
+
+
+
+ + +
+ Hint: you can, like, edit this code yo
+
+
+
+ Initializing Magic...
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ The output of the demo will magically appear here :)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/main.js b/main.js
index 25f978f..bb38d2c 100644
--- a/main.js
+++ b/main.js
@@ -1,193 +1,229 @@
function builddemo(id, val){
- var demo = document.getElementById(id)
- var prog = demo.querySelector('.prog')
- var out = demo.querySelector('.out')
-
- var disp = demo.querySelector('.display')
- var dctx = disp.getContext('2d')
- disp.width = 0
- disp.height = 0
-
- demo.querySelector('.runbutton').onclick = function(){
- setrunning(0)
- run(editor)
- }
-
- function show_progress(p){
-
- setrunning(0)
- console.log(p)
- if(p.loaded_lang_model) prog.value = p.loaded_lang_model
- if(p.recognized) prog.value = p.recognized
- out.innerText = JSON.stringify(p)
- out.innerText = JSON.stringify(p)
-
- }
-
- function setrunning(v){
- if (v == 1) {
- demo.querySelector('.running').style.display = 'none'
- demo.querySelector('.notrunning').style.display = 'block'
- // out.style.visibility = 'hidden'
- }
- else {
- demo.querySelector('.running').style.display = 'block'
- demo.querySelector('.notrunning').style.display = 'none'
- }
- }
-
- function display(result) {
-
- React.render(React.createElement(Node, { node: result, expanded: true, label: "output_of_above_demo"}), document.getElementById("explorer"));
-
- setrunning(1)
-
- out.innerText = "Lightning Speeeeeeed"
- prog.value = 0
-
- console.log(result)
-
- disp.width = demo.querySelector('.to_ocr').naturalWidth
- disp.height = demo.querySelector('.to_ocr').naturalHeight
-
- disp.style.width = demo.querySelector('.to_ocr').offsetWidth
- disp.style.height = demo.querySelector('.to_ocr').offsetHeight
-
-
- dctx.shadowColor = "rgba(255,255,255,.1)"
- dctx.shadowOffsetX = 0;
- dctx.shadowOffsetY = 0;
- dctx.shadowBlur = 10;
-
- dctx.fillRect(0,0,disp.width, disp.height)
-
- var m = result.words.map(function(w){
-
- var b = w.bbox
- dctx.font = '20px Times'
- var font = 20*(b.x1-b.x0)/dctx.measureText(w.text).width+"px Times"
-
-
- var k = function(){
- dctx.font = font
- dctx.fillText(w.text, b.x0, w.baseline.y0);
- return font
- }
-
- return k
- })
-
- var times = 0
- var maxtimes = m.length + 100
- function draw(i){
-
- times++
- dctx.fillStyle="rgba(30, 29, 49, .8)"
- dctx.fillStyle="#00DB9D"
- // dctx.globalAlpha = .1;
- dctx.clearRect(0,0,disp.width, disp.height)
- dctx.fillRect(0,0,disp.width, disp.height)
-
- for (var j = 0; j < Math.min(i,m.length); j++) {
- var asdf = Math.min(Math.max(i - j,0), 100)
- dctx.fillStyle = "rgba(255,255,255,"+asdf*.01+")"
- m[j]()
- };
-
- if(i
+
+ Such Docs
+Installation
+npm install tesseract.js
+
+ <script src="http://localhost:1234/master/lib/Tesseract_dev.js"></script>
+ Methods
+Tesseract.recognize( img [, callback(err,result)] )
+ Go Kevin! You can write this! +Tesseract.detect( img [, callback(err,result)] )
+ Go Kevin! You can write this! +Supported Languages
+
+
+
+
+ eng
Enlish
chi_sim
Chinese
rus
Rusian
tha
Meme
deu
German
jpn
Japanese
spa
Spanish
fra
French
chi_tra
Traditional Chinese
por
Portuguese
ita
Italian
pol
Polish
tur
Turkish
nld
Dutch
ara
Arabic
ces
Czech
kor
Korean
swe
Swedish
vie
Vietnamese
ron
Romanian
ell
Greek
ind
Indonesian
hun
Hungarian
dan
Danish
bul
Bulgarian
fin
Finnish
nor
Norwegian
ukr
Ukrainian
cat
Catalan
hrv
Croatian
heb
Hebrew
lit
Lithuanian
slv
Slovenian
hin
Hindi
ben
Bengali
tel
Telugu
tam
Tamil
kan
Kannada
mal
Malayalam
tgl
Tagalog
swa
Swahili
aze
Azerbaijani
bel
Belarusian
afr
Afrikaans
sqi
Albanian
eus
Basque
epo
Esperanto
est
Estonian
glg
Galician
isl
Icelandic
lav
Latvian
mkd
Macedonian
msa
Malay
mlt
Maltese
grc
Ancient Greek
chr
Cherokee
enm
English (Old)
epo_alt
Esperanto alternative
frk
Frankish
frm
French (Old)
ita_old
Italian (Old)
equ
Math
srp
Serbian (Latin)
slk
Slovakian
spa_old
Old Spanish
+
+
+
-
-
-
-
-
-
-
-
-
-
-
- Tesseract.js is a pure javascript version of the Tesseract OCR Engine
- that can recognize
- English,
- Chinese,
- Russian,
- Meme, and 60 other languages.
-
-
-
-
-
- Get Started
+
+
+
+
+
+
+
+
+
+
+
-
-
+
-
-
-
+ Tesseract.js is a pure javascript version of the Tesseract OCR Engine
+ that can recognize
+ English,
+ Chinese,
+ Russian,
+ Meme, and 60 other languages.
+
+
+
+
+
+ Get Started
+
+
-
- -
-
-
-
- - -
- Hint: you can, like, edit this code yo
-
-
-
- Initializing Magic...
-
-
-
-
-
-
-
-
-
-
-
English
- Chinese
- Russian
- Meme
+
+
+
+ +
+
+
+
+ + +
+ Hint: you can, like, edit this code yo
+
+
+
+ Initializing Magic...
+
+
+
+
+
+
+
+
+
+
+
-
-
The output of the demo will magically appear here :)
+ -->
+
+
+
-
-
+
+
The output of the demo will magically appear here :)
+
-
-
-
+
-
+npm install tesseract.js
-
-
- <script src="__tesseractjs__"></script>
-
- ', {name: 'xml', htmlMode: true}, scdiv)
-
- // var scripttag = CodeMirror(,{
- // mode: {name: 'xml', htmlMode: true},
- // readOnly: 'nocursor',
- // value:
- // });
-
-
- return {
-
- run: function(){
- var img = demo.querySelector('.to_ocr')
-
- if (img.complete) {
- run(editor)
- } else{
- img.onload = function(){
- run(editor)
- }
- }
-
- }
- }
+ var demo = document.getElementById(id)
+ var prog = demo.querySelector('.prog')
+ var out = demo.querySelector('.out')
+
+ var disp = demo.querySelector('.display')
+ var dctx = disp.getContext('2d')
+ disp.width = 0
+ disp.height = 0
+
+ demo.querySelector('.runbutton').onclick = function(){
+ setrunning(0)
+ run(editor)
+ }
+
+ function show_progress(p){
+
+ setrunning(0)
+ console.log(p)
+ if(p.loaded_lang_model) prog.value = p.loaded_lang_model
+ if(p.recognized) prog.value = p.recognized
+ out.innerText = JSON.stringify(p)
+ out.innerText = JSON.stringify(p)
+
+ }
+
+ function setrunning(v){
+ if (v == 1) {
+ demo.querySelector('.running').style.display = 'none'
+ demo.querySelector('.notrunning').style.display = 'block'
+ // out.style.visibility = 'hidden'
+ }
+ else {
+ demo.querySelector('.running').style.display = 'block'
+ demo.querySelector('.notrunning').style.display = 'none'
+ }
+ }
+
+ function display(result) {
+
+ React.render(React.createElement(Node, { node: result, expanded: true, label: "output_of_above_demo_plz_click_stuff"}), document.getElementById("explorer"));
+
+ setrunning(1)
+
+ out.innerText = "Lightning Speeeeeeed"
+ prog.value = 0
+
+ console.log(result)
+
+ disp.width = demo.querySelector('.to_ocr').naturalWidth
+ disp.height = demo.querySelector('.to_ocr').naturalHeight
+
+ disp.style.width = demo.querySelector('.to_ocr').offsetWidth
+ disp.style.height = demo.querySelector('.to_ocr').offsetHeight
+
+
+ dctx.shadowColor = "rgba(255,255,255,.1)"
+ dctx.shadowOffsetX = 0;
+ dctx.shadowOffsetY = 0;
+ dctx.shadowBlur = 10;
+
+ dctx.fillRect(0,0,disp.width, disp.height)
+
+ var m = result.words.map(function(w){
+
+ var b = w.bbox
+ dctx.font = '20px Times'
+ var font = 20*(b.x1-b.x0)/dctx.measureText(w.text).width+"px Times"
+
+
+ var k = function(){
+ dctx.font = font
+ dctx.fillText(w.text, b.x0, w.baseline.y0);
+ return font
+ }
+
+ return k
+ })
+
+ var times = 0
+ var maxtimes = m.length + 100
+ function draw(i){
+
+ times++
+ // dctx.fillStyle="rgba(30, 29, 49, .8)"
+ dctx.fillStyle="rgba(0, 219, 157, "+Math.min(i/100,1)+")"
+ // dctx.globalAlpha = .1;
+ dctx.clearRect(0,0,disp.width, disp.height)
+ dctx.fillRect(0,0,disp.width, disp.height)
+
+ for (var j = 0; j < Math.min(i,m.length); j++) {
+ var asdf = Math.min(Math.max(i - j,0), 100)
+ dctx.fillStyle = "rgba(255,255,255,"+asdf*.01+")"
+ m[j]()
+ };
+
+ if(i', {
+ name: 'xml',
+ htmlMode: true
+ }, scdiv)
+
+ // var scripttag = CodeMirror(,{
+ // mode: {name: 'xml', htmlMode: true},
+ // readOnly: 'nocursor',
+ // value:
+ // });
+ editor.clear = function(){
+ dctx.clearRect(0,0,disp.width, disp.height)
+ document.querySelector('.ocroutput').innerHTML = ''
+
+ }
+
+ editor.img = demo.querySelector('.to_ocr')
+
+ editor.run = function(){
+
+ if (editor.img.complete) {
+ run(editor)
+ } else{
+ editor.img.onload = function(){
+ run(editor)
+ }
+ }
+ }
+
+ return editor
}
-builddemo('wow',
+setTimeout(function(){
+ document.getElementById('wow').className += ' opaque'
+}, 100)
+
+var wow = builddemo('wow',
"var img = demo.querySelector('img.to_ocr')\n\n\
Tesseract\n\
- .recognize( img, {progress: show_progress} )\n\
- .then( display )")
-.run()
-
-addEventListener('scroll', function(e){
- //frum jcurry
- var doc = document.documentElement;
- var top = (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0);
- if(top >= 227) {
- document.querySelector('.stickyheader').style['background-color'] = '#00DB9D'
- }
- else {
- document.querySelector('.stickyheader').style['background-color'] = 'rgba(0,0,0,0)'
- }
+ .recognize( img, {\n\
+ progress: show_progress} )\n\
+ .then( display ) // scroll down for full output ")
+
+wow.run()
+
+
+var tabs = Array.prototype.slice.call(document.querySelectorAll('.langlabel'))
+var ltabs = Array.prototype.slice.call(document.querySelectorAll('.ltab'))
+var langs = ['eng', 'chi_sim', 'rus', 'tha']
+
+function setlang(i){
+ tabs.forEach(function(t){
+ t.className = 'langlabel'
+ })
+ tabs[i].className = 'langlabel selected'
+ console.log(tabs[i])
+ wow.setValue(
+ "var img = demo.querySelector('img.to_ocr')\n\n"
+ +"Tesseract\n"
+ +" .recognize( img, {\n"
+ +" progress: show_progress, lang: '"+langs[i]+"'} )\n"
+ +" .then( display ) // scroll down for full output ")
+ wow.img.src = 'img/'+langs[i]+'.png'
+ wow.clear()
+
+}
+
+
+ltabs.forEach(function(ltab,i){
+ ltab.onclick = function(){
+ setlang(i)
+ }
})
+
+tabs.forEach(function(tab,i){
+ tab.onclick = function(){
+ setlang(i)
+ }
+})
// document.querySelector('.getStarted')[0].onclick = function(){
-// location.href = '#'
-// location.href = '#get_started'
+// location.href = '#'
+// location.href = '#get_started'
// }
// builddemo('demo2',
- "Last time I got here, before I even arrived, they had ‘fuck Kanye’ on the motherfuckin’ port-a-potties. But this year, we gon’ piss on ‘em, on they motherfuckin’ port-a-potties. How many of y'all don't give a fuck about what the press say? It's 2014. College Dropout came out 2004. I want y'all to know, every time I go to the studio, every time I do an interview, every time I make a motherfuckin' t-shirt, the thing I do, I give it everything I got. And when I talk that shit, it's so that you can talk that shit. If you a fan of me, you a fan of your motherfuckin' self. You can do something that'll change the world. Look at how they try to make me look. They try to make me look crazy.",
- "I need a new cool. What's the new shit out? What's the new shit out with the most commercials at the Super Bowl? Let's just stop the music and play a Bruno Mars song right now, how about that? They told me I would never play at the Super Bowl. They told me I could never play at the Super Bowl. Not until I'm super old. Not until I'm super old... They told me I would never play at the Super Bowl. They told me I would never play at the Super Bowl, at least not until I'm super old. So I think it's time–hold up, f—k that toast.",
- "I know people get mad at me when I compare myself, but that's the only way I can explain what my aspirations are. When I'm talkin' 'bout Walt Disney, when I'm talkin' 'bout Howard Hughes, when I'm talkin' 'bout Henry Ford, when I'm talkin' 'bout Beethoven, when I talk about Mozart, when I talk about Shakespeare, and they all had their time on this earth. And I'm only 37. And right now I'm rockin' to 90,000, of y'all motherfuckers right now. So I ain't goin' at anybody on the radio. I'm goin' after Shakespeare. I'm goin' after Walt Disney. I'm going after Howard Hughes. I'm going after David Stern. I'm goin' after Henry Ford. I'm going after Elon Musk. Okay, he is living, but he's my boy.",
+
@@ -183,6 +138,13 @@
+
@@ -191,7 +153,7 @@
-
+
diff --git a/src/main.js b/src/main.js
index e28208c..3f247b5 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,193 +1,229 @@
function builddemo(id, val){
- var demo = document.getElementById(id)
- var prog = demo.querySelector('.prog')
- var out = demo.querySelector('.out')
-
- var disp = demo.querySelector('.display')
- var dctx = disp.getContext('2d')
- disp.width = 0
- disp.height = 0
-
- demo.querySelector('.runbutton').onclick = function(){
- setrunning(0)
- run(editor)
- }
-
- function show_progress(p){
-
- setrunning(0)
- console.log(p)
- if(p.loaded_lang_model) prog.value = p.loaded_lang_model
- if(p.recognized) prog.value = p.recognized
- out.innerText = JSON.stringify(p)
- out.innerText = JSON.stringify(p)
-
- }
-
- function setrunning(v){
- if (v == 1) {
- demo.querySelector('.running').style.display = 'none'
- demo.querySelector('.notrunning').style.display = 'block'
- // out.style.visibility = 'hidden'
- }
- else {
- demo.querySelector('.running').style.display = 'block'
- demo.querySelector('.notrunning').style.display = 'none'
- }
- }
-
- function display(result) {
-
- React.render(React.createElement(Node, { node: result, expanded: true, label: "output_of_above_demo"}), document.getElementById("explorer"));
-
- setrunning(1)
-
- out.innerText = "Lightning Speeeeeeed"
- prog.value = 0
-
- console.log(result)
-
- disp.width = demo.querySelector('.to_ocr').naturalWidth
- disp.height = demo.querySelector('.to_ocr').naturalHeight
-
- disp.style.width = demo.querySelector('.to_ocr').offsetWidth
- disp.style.height = demo.querySelector('.to_ocr').offsetHeight
-
-
- dctx.shadowColor = "rgba(255,255,255,.1)"
- dctx.shadowOffsetX = 0;
- dctx.shadowOffsetY = 0;
- dctx.shadowBlur = 10;
-
- dctx.fillRect(0,0,disp.width, disp.height)
-
- var m = result.words.map(function(w){
-
- var b = w.bbox
- dctx.font = '20px Times'
- var font = 20*(b.x1-b.x0)/dctx.measureText(w.text).width+"px Times"
-
-
- var k = function(){
- dctx.font = font
- dctx.fillText(w.text, b.x0, w.baseline.y0);
- return font
- }
-
- return k
- })
-
- var times = 0
- var maxtimes = m.length + 100
- function draw(i){
-
- times++
- dctx.fillStyle="rgba(30, 29, 49, .8)"
- dctx.fillStyle="#00DB9D"
- // dctx.globalAlpha = .1;
- dctx.clearRect(0,0,disp.width, disp.height)
- dctx.fillRect(0,0,disp.width, disp.height)
-
- for (var j = 0; j < Math.min(i,m.length); j++) {
- var asdf = Math.min(Math.max(i - j,0), 100)
- dctx.fillStyle = "rgba(255,255,255,"+asdf*.01+")"
- m[j]()
- };
-
- if(i
+
Such Docs
+Installation
+npm install tesseract.js
+
+ <script src="__tesseractjs__"></script>
+ Methods
+Tesseract.recognize( img [, callback(err,result)] )
+ Go Kevin! You can write this! +Tesseract.detect( img [, callback(err,result)] )
+ Go Kevin! You can write this! +Supported Languages
+
+
+
eng
Enlish
chi_sim
Chinese
rus
Rusian
tha
Meme
deu
German
jpn
Japanese
spa
Spanish
fra
French
chi_tra
Traditional Chinese
por
Portuguese
ita
Italian
pol
Polish
tur
Turkish
nld
Dutch
ara
Arabic
ces
Czech
kor
Korean
swe
Swedish
vie
Vietnamese
ron
Romanian
ell
Greek
ind
Indonesian
hun
Hungarian
dan
Danish
bul
Bulgarian
fin
Finnish
nor
Norwegian
ukr
Ukrainian
cat
Catalan
hrv
Croatian
heb
Hebrew
lit
Lithuanian
slv
Slovenian
hin
Hindi
ben
Bengali
tel
Telugu
tam
Tamil
kan
Kannada
mal
Malayalam
tgl
Tagalog
swa
Swahili
aze
Azerbaijani
bel
Belarusian
afr
Afrikaans
sqi
Albanian
eus
Basque
epo
Esperanto
est
Estonian
glg
Galician
isl
Icelandic
lav
Latvian
mkd
Macedonian
msa
Malay
mlt
Maltese
grc
Ancient Greek
chr
Cherokee
enm
English (Old)
epo_alt
Esperanto alternative
frk
Frankish
frm
French (Old)
ita_old
Italian (Old)
equ
Math
srp
Serbian (Latin)
slk
Slovakian
spa_old
Old Spanish