Tesseract.js bringer bilde OCR-oversettelse til nettlesere

OCR-oversettelsen er fortsatt ikke perfekt, men den har forbedret seg dramatisk de siste årene. Forresten er Tesseract- oversetteren for tiden åpen i C ++ .

Selv om dette er et utrolig bibliotek, er det imidlertid begrenset til programvare. Heldigvis gjorde noen en havn av Tesseract til JavaScript som heter Tesseract.js. Den støtter opp til 60 språk, og selv om det ikke er perfekt, gjør det jobben bra.

Installasjon og oppsett er en bris hvor du kan målrette mot et hvilket som helst bildeelement på siden og kjøre funksjonen Tesseract.recognize () . Dette kan ta alle typer bilder, og det vil automatisk komprimere og oversette rett i nettleseren.

Du kan bli mye mer komplisert, men skjønnheten er hvordan du kan kjøre OCR med en enkelt linje med kode .

Ta en titt på Tesseract.js destinasjonsside hvis du vil se en live demo. Dette fungerer rett i nettleseren hvor du kan dra og slippe et skannet bilde av tekst for å få en automatisk OCR-oversettelse .

Du kan også laste ned dette eksemplet lokalt via GitHub-siden, eller du kan bygge din egen app ved å inkludere Tesseract.js-skriptet rett fra en CDN.

Det enkleste kodeeksemplet ser ut som følgende, der myImage er en direkte referanse til et HTML-bildeelement:

 Tesseract.recognize (myImage) .then (funksjon (resultat) {console.log (result)}); 

Uansett er dette biblioteket så nyttig å komme seg med OCR på nettet. Det er langt fra perfekt, men det er også den beste ressursen for webutviklere som vil ha dynamisk OCR-funksjonalitet på siden .

For å lære mer, besøk Tesseract.js GitHub-siden der du kan sjekke ut en live demo og bla gjennom online dokumentasjonen.

Lag elementer på nettstedet ditt Draggable Med Draggabilly.js

Det er mange opplæringsprogrammer der ute på hvordan du gjør ting som kan trekkes i en nettside . jQuery er en av de enkleste måtene. Du trenger ikke engang jQuery brukergrensesnittet, bare en liten hjelp fra musepunktfunksjonen og kanskje noen valgfri håndtering. Men hva om du ikke vil røre noen jQuery-kode ennå, vil du fortsatt gjøre ting draggable? Da er

(Tekniske og design tips)

Usability Testing: Hva du trenger å vite?

Usability testing er ofte en misforstått del av webdesign prosessen. Selv om de fleste designere, utviklere og bedriftseiere i disse dager har ideen om hva brukervennlighetstesting er, ser et godt antall ikke hva de kan gjøre for dem, hvilken verdi den kan legge til på nettstedet ditt ved testing, og hvordan du kan komme i gang med testing i utgangspunktet.Åp

(Tekniske og design tips)