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.
162 lines
11 KiB
162 lines
11 KiB
<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> |
|
|
|
<link href='http://fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'> |
|
|
|
</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="https://github.com/naptha/tesseract.js#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> |
|
<img src="img/logowhite.png" id="logoimg"> |
|
</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>, and <a href="#langs">60 other languages</a>. |
|
|
|
|
|
</div> |
|
<a href="https://github.com/naptha/tesseract.js#installation"> |
|
<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> |
|
<!-- <div class="hint"> |
|
Hint: you can, like, edit this code yo |
|
</div> --> |
|
<div class="running"> |
|
<div class="out">Initializing Magic...</div> |
|
<div class="prog"><div></div></div> |
|
</div> |
|
<div class="notrunning"> |
|
<div class="runbutton">Run Code</div> |
|
</div> |
|
|
|
<img src="img/eng.png" class="to_ocr"> |
|
|
|
<div class='ocroutput'></div> |
|
<canvas class="display"></canvas> |
|
|
|
<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> |
|
</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"> |
|
|
|
|
|
|
|
|
|
<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"><script src="http://tenso.rs/tesseract.js"></script></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'> |
|
<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">Azerbaijani</div></div><div class="langpair"><div class="shortlang">bel</div><div class="longlang">Belarusian</div></div><div class="langpair"><div class="shortlang">afr</div><div class="longlang">Afrikaans</div></div><div class="langpair"><div class="shortlang">sqi</div><div class="longlang">Albanian</div></div><div class="langpair"><div class="shortlang">eus</div><div class="longlang">Basque</div></div><div class="langpair"><div class="shortlang">epo</div><div class="longlang">Esperanto</div></div><div class="langpair"><div class="shortlang">est</div><div class="longlang">Estonian</div></div><div class="langpair"><div class="shortlang">glg</div><div class="longlang">Galician</div></div><div class="langpair"><div class="shortlang">isl</div><div class="longlang">Icelandic</div></div><div class="langpair"><div class="shortlang">lav</div><div class="longlang">Latvian</div></div><div class="langpair"><div class="shortlang">mkd</div><div class="longlang">Macedonian</div></div><div class="langpair"><div class="shortlang">msa</div><div class="longlang">Malay</div></div><div class="langpair"><div class="shortlang">mlt</div><div class="longlang">Maltese</div></div><div class="langpair"><div class="shortlang">grc</div><div class="longlang">Ancient Greek</div></div><div class="langpair"><div class="shortlang">chr</div><div class="longlang">Cherokee</div></div><div class="langpair"><div class="shortlang">enm</div><div class="longlang">English (Old)</div></div><div class="langpair"><div class="shortlang">epo_alt</div><div class="longlang">Esperanto alternative</div></div><div class="langpair"><div class="shortlang">frk</div><div class="longlang">Frankish</div></div><div class="langpair"><div class="shortlang">frm</div><div class="longlang">French (Old)</div></div><div class="langpair"><div class="shortlang">ita_old</div><div class="longlang">Italian (Old)</div></div><div class="langpair"><div class="shortlang">equ</div><div class="longlang">Math</div></div><div class="langpair"><div class="shortlang">srp</div><div class="longlang">Serbian (Latin)</div></div><div class="langpair"><div class="shortlang">slk</div><div class="longlang">Slovakian</div></div><div class="langpair"><div class="shortlang">spa_old</div><div class="longlang">Old Spanish</div></div> |
|
</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"> |
|
<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> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
|
|
<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='https://cdn.rawgit.com/naptha/tesseract.js/a01d2a2/dist/tesseract.js'></script> |
|
|
|
<script src="main.js"></script> |
|
<script src="explorer/explorer.js"></script> |
|
</body> |
|
</html>
|
|
|