akira
/
tesseract.js
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Pure Javascript OCR for more than 100 Languages 📖🎉🖥
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
57 Commits
15 Branches
54 Tags
104 MiB
Branch: gh-pages
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'gh-pages'
${ noResults }
tesseract.js/index_dev.html

164 lines
11 KiB
Raw Permalink Normal View History Unescape

wow it all works kinda
10 years ago
<html>
<head>
<title>Wau Demo</title>
<link rel="stylesheet" type="text/css" href="./css/wau.css">
<script src="codemirror/codemirror.js"></script>
<script src="codemirror/runmode.js"></script>
<link rel="stylesheet" href="codemirror/codemirror.css">
<script src="codemirror/javascript.js"></script>
<script src="codemirror/xml.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="explorer/react.js"></script>
added lato
10 years ago
<link href='http://fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
wow it all works kinda
10 years ago
</head>
<body>
<!-- <a href="https://github.com/naptha/tesseract.js" class="fork"><img id="fork" src="img/fork.png" alt="Fork me on GitHub"></a> -->
<div class ="marterial">
<div class="stickyheader">
<a href="#"><img src="img/logowhite.png" class="smalllogo"></a>
<a class="headernav" href="#docs">Docs</a>
<a class="headernav" href="https://github.com/naptha/tesseract.js">GitHub</a>
</div>
<div id="logo" class="header">
<canvas id="canvas"></canvas>
new progress bar, fixed onload issue, changed to tenso.rs
10 years ago
<img src="img/logowhite.png" id="logoimg">
wow it all works kinda
10 years ago
</div>
</div>
<div class='columnwrap'>
<div class='column'>
<div class="two">
<div class="stretch">
<div id="code">
<div id="d1desc" class="desc">
Tesseract.js is a <b>pure javascript</b> version of the <b><a href="https://github.com/tesseract-ocr/Tesseract">Tesseract OCR Engine</a>
</b> that can recognize
<a class="ltab" href="#eng">English</a>,
<a class="ltab" href="#chi_sim">Chinese</a>,
<a class="ltab" href="#rus">Russian</a>,
<a class="ltab" href="#tha">Meme</a>, and <a href="#langs">60 other languages</a>.
</div>
<a href="#get_started">
<div class="getStarted">
Get Started
</div>
</a>
</div>
</div>
<div class="stretch noheight">
<div id="wow" class="demo">
<div class="demoheader">
</div>
<hr>
<div class="editor"></div>
new progress bar, fixed onload issue, changed to tenso.rs
10 years ago
<!-- <div class="hint">
wow it all works kinda
10 years ago
Hint: you can, like, edit this code yo
new progress bar, fixed onload issue, changed to tenso.rs
10 years ago
</div> -->
wow it all works kinda
10 years ago
<div class="running">
<div class="out">Initializing Magic...</div>
new progress bar, fixed onload issue, changed to tenso.rs
10 years ago
<div class="prog"><div></div></div>
wow it all works kinda
10 years ago
</div>
<div class="notrunning">
<div class="runbutton">Run Code</div>
</div>
<div class='ocroutput'></div>
<canvas class="display"></canvas>
<img src="img/eng.png" class="to_ocr">
<div class="demofooter">
<div class="bookend"></div>
<div class="langlabel selected">English </div><div class="vr"></div>
<div class="langlabel">Chinese</div> <div class="vr"></div>
<div class="langlabel">Russian</div> <div class="vr"></div>
<div class="langlabel">Meme</div> <div class="bookend"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="fullscreen">
</div>
-->
<div class="explorersection">
<div class="columnwrap">
<div class="column">
<!--
<div>
click stuff to explore the rich creamy Tesseract.js output
</div> -->
<div id="explorer">The output of the demo will magically appear here :)</div>
</div>
</div>
</div>
<div class="columnwrap">
<!-- (and German, Japanese, Spanish, French, Traditional Chinese, Portuguese, Italian, Polish, Turkish, Dutch, Arabic, Czech, Korean, Swedish, Vietnamese, Romanian, Greek, Indonesian, Hungarian, Danish, Bulgarian, Finnish, Norwegian, Ukrainian, Catalan, Croatian, Hebrew, Lithuanian, Slovenian, Hindi, Bengali, Telugu, Tamil, Kannada, Malayalam, Tagalog, Swahili, Azerbaijani, Belarusian, Afrikaans, Albanian, Basque, Esperanto, Estonian, Galician, Icelandic, Latvian, Macedonian, Malay, Maltese, Ancient Greek, Cherokee, English (Old), Esperanto alternative, Frankish, French (Old), Italian (Old), Math, Serbian (Latin), Slovakian, and Old Spanish!) -->
<div class="column randombold">
<h1 id="docs">Such Docs</h1>
<h2 id="get_started">Installation</h2>
<div class="npm" >npm install tesseract.js</div>
<div class="npm longasstag">&lt;script src="http://localhost:1234/master/lib/Tesseract_dev.js"&gt;&lt;/script&gt;</div>
<h2>Methods</h2>
<h3>Tesseract.recognize( img [, callback(err,result)] )</h3>
Go Kevin! You can write this!
<h3>Tesseract.detect( img [, callback(err,result)] )</h3>
Go Kevin! You can write this!
<h2 id="langs">Supported Languages</h2>
<div class='manylangs'>
meme is still broken
10 years ago
<div class="langpair"><div class="shortlang">eng</div><div class="longlang">Enlish</div></div><div class="langpair"><div class="shortlang">chi_sim</div><div class="longlang">Chinese</div></div><div class="langpair"><div class="shortlang">rus</div><div class="longlang">Rusian</div></div><div class="langpair"><div class="shortlang">meme</div><div class="longlang">Meme</div></div><div class="langpair"><div class="shortlang">tha</div><div class="longlang">Thai</div></div><div class="langpair"><div class="shortlang">deu</div><div class="longlang">German</div></div><div class="langpair"><div class="shortlang">jpn</div><div class="longlang">Japanese</div></div><div class="langpair"><div class="shortlang">spa</div><div class="longlang">Spanish</div></div><div class="langpair"><div class="shortlang">fra</div><div class="longlang">French</div></div><div class="langpair"><div class="shortlang">chi_tra</div><div class="longlang">Traditional Chinese</div></div><div class="langpair"><div class="shortlang">por</div><div class="longlang">Portuguese</div></div><div class="langpair"><div class="shortlang">ita</div><div class="longlang">Italian</div></div><div class="langpair"><div class="shortlang">pol</div><div class="longlang">Polish</div></div><div class="langpair"><div class="shortlang">tur</div><div class="longlang">Turkish</div></div><div class="langpair"><div class="shortlang">nld</div><div class="longlang">Dutch</div></div><div class="langpair"><div class="shortlang">ara</div><div class="longlang">Arabic</div></div><div class="langpair"><div class="shortlang">ces</div><div class="longlang">Czech</div></div><div class="langpair"><div class="shortlang">kor</div><div class="longlang">Korean</div></div><div class="langpair"><div class="shortlang">swe</div><div class="longlang">Swedish</div></div><div class="langpair"><div class="shortlang">vie</div><div class="longlang">Vietnamese</div></div><div class="langpair"><div class="shortlang">ron</div><div class="longlang">Romanian</div></div><div class="langpair"><div class="shortlang">ell</div><div class="longlang">Greek</div></div><div class="langpair"><div class="shortlang">ind</div><div class="longlang">Indonesian</div></div><div class="langpair"><div class="shortlang">hun</div><div class="longlang">Hungarian</div></div><div class="langpair"><div class="shortlang">dan</div><div class="longlang">Danish</div></div><div class="langpair"><div class="shortlang">bul</div><div class="longlang">Bulgarian</div></div><div class="langpair"><div class="shortlang">fin</div><div class="longlang">Finnish</div></div><div class="langpair"><div class="shortlang">nor</div><div class="longlang">Norwegian</div></div><div class="langpair"><div class="shortlang">ukr</div><div class="longlang">Ukrainian</div></div><div class="langpair"><div class="shortlang">cat</div><div class="longlang">Catalan</div></div><div class="langpair"><div class="shortlang">hrv</div><div class="longlang">Croatian</div></div><div class="langpair"><div class="shortlang">heb</div><div class="longlang">Hebrew</div></div><div class="langpair"><div class="shortlang">lit</div><div class="longlang">Lithuanian</div></div><div class="langpair"><div class="shortlang">slv</div><div class="longlang">Slovenian</div></div><div class="langpair"><div class="shortlang">hin</div><div class="longlang">Hindi</div></div><div class="langpair"><div class="shortlang">ben</div><div class="longlang">Bengali</div></div><div class="langpair"><div class="shortlang">tel</div><div class="longlang">Telugu</div></div><div class="langpair"><div class="shortlang">tam</div><div class="longlang">Tamil</div></div><div class="langpair"><div class="shortlang">kan</div><div class="longlang">Kannada</div></div><div class="langpair"><div class="shortlang">mal</div><div class="longlang">Malayalam</div></div><div class="langpair"><div class="shortlang">tgl</div><div class="longlang">Tagalog</div></div><div class="langpair"><div class="shortlang">swa</div><div class="longlang">Swahili</div></div><div class="langpair"><div class="shortlang">aze</div><div class="longlang">Azerbai
wow it all works kinda
10 years ago
</div>
</div>
</div>
<!--
<script src="https://rawgit.com/naptha/tesseract.js/master/lib/Tesseract.js"></script>
-->
<div class='footer'>
<div class="columnwrap">
<div class="column">
new progress bar, fixed onload issue, changed to tenso.rs
10 years ago
<span class="lengle">“Speaking of ways, pet, by the way, <b>there is such a thing as a tesseract</b>.”
<br>
Made with <img src="img/keyboard.png"> by <a href="https://antimatter15.com/">antimatter15</a> and <a href="http://omrelli.ug/">omrelli.ug</a></span>
wow it all works kinda
10 years ago
</div>
</div>
</div>
<script src="http://localhost:1234/master/lib/Tesseract_dev.js"></script>
<script src="main_dev.js"></script>
<script src="animation/raf.js"></script>
<script src="animation/mouse.js"></script>
<script src="animation/dimensions.js"></script>
<script src="animation/animate.js"></script>
<script src="explorer/explorer.js"></script>
</body>
</html>