Tesseract.js porta la conversione di immagini OCR ai browser

La traduzione dell'OCR non è ancora perfetta ma è migliorata notevolmente negli ultimi anni. Ad aprire la strada è il motore di traduzione Tesseract attualmente aperto in C ++ .

Anche se questa è una libreria incredibile, è tuttavia limitata al software. Per fortuna qualcuno ha creato una porta di Tesseract in JavaScript che si chiama Tesseract.js. Supporta fino a 60 lingue e, sebbene non sia certo perfetto, fa bene il lavoro.

L'installazione e l'installazione sono un gioco da ragazzi in cui puoi scegliere come target qualsiasi elemento dell'immagine sulla pagina ed eseguire la funzione Tesseract.recognize () . Questo può richiedere qualsiasi tipo di immagine e verrà automaticamente compresso e tradotto direttamente nel browser.

Puoi diventare molto più complicato ma la bellezza è come puoi eseguire l'OCR con una singola riga di codice .

Consulta la pagina di destinazione Tesseract.js se vuoi vedere una demo dal vivo. Funziona direttamente nel browser in cui è possibile trascinare e rilasciare qualsiasi immagine scansionata di testo per ottenere una traduzione OCR automatica .

Puoi anche scaricare questo esempio localmente tramite la pagina GitHub oppure puoi costruire la tua app includendo lo script Tesseract.js direttamente da una CDN.

L'esempio di codice più semplice è il seguente in cui myImage è un riferimento diretto a un elemento immagine HTML:

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

In entrambi i casi questa libreria è così utile per muoversi con OCR sul web. Non è perfetto ma è anche la migliore risorsa per gli sviluppatori web che desiderano funzionalità OCR in-page dinamiche .

Per saperne di più visita la pagina GitHub di Tesseract.js dove puoi vedere una demo dal vivo e sfogliare la documentazione online.

Animazione CSS3 - Creazione di un fan-out con effetto bounce utilizzando la curva di Bezier

Sapevi che le trasformazioni geometriche aggiunte agli elementi HTML con la proprietà CSS di transform come scala, inclinazione e rotazione possono essere animate ? Possono essere animate usando la proprietà di transition e @keyframes animazioni di @keyframes, ma ciò che è ancora più interessante è che le trasformazioni animate possono essere prese una tacca con l'aggiunta di un piccolo effetto di rimbalzo, usando la funzione di temporizzazione cubic-bezier() .In po

(Consigli tecnici e di design)

20 bellissimi disegni della carta d'imbarco [vetrina]

Per un'idea romantica come volare il mondo, visitare l'ignoto, viaggiare per il mondo e mescolarsi con estranei, ci sembra di tenere tra le mani la rappresentazione più noiosa di quella nozione romantica : la carta d'imbarco tecnica, quadrata, dall'aspetto semplice.In questi documenti di viaggio, il design è quasi sempre un ripensamento, oltre le pile di dati, i codici a barre e il logo della compagnia aerea obbligatoria.

(Consigli tecnici e di design)