Tesseract.js bringt Bild-OCR-Übersetzung in Browser

Die OCR-Übersetzung ist immer noch nicht perfekt, aber sie hat sich in den letzten Jahren dramatisch verbessert. Vorreiter ist die Tesseract- Übersetzungs-Engine, die derzeit in C ++ verfügbar ist .

Obwohl dies eine unglaubliche Bibliothek ist, ist sie jedoch auf Software beschränkt. Zum Glück hat jemand eine Portierung von Tesseract in JavaScript gemacht, die Tesseract.js heißt. Es unterstützt bis zu 60 Sprachen und obwohl es sicherlich nicht perfekt ist, macht es die Arbeit gut.

Installation und Einrichtung ist ein Kinderspiel, wo Sie jedes Bildelement auf der Seite ausrichten und die Tesseract.recognise () - Funktion ausführen können. Dies kann jede Art von Bild aufnehmen und es wird automatisch komprimiert und direkt im Browser übersetzt.

Sie können viel komplizierter, aber die Schönheit ist, wie Sie OCR mit einer einzigen Codezeile ausführen können .

Sehen Sie sich die Tesseract.js-Startseite an, wenn Sie eine Live-Demo sehen möchten. Dies funktioniert direkt im Browser, wo Sie jedes gescannte Textbild ziehen und ablegen können, um eine automatische OCR-Übersetzung zu erhalten .

Sie können dieses Beispiel auch lokal über die GitHub-Seite herunterladen oder Sie können Ihre eigene App erstellen, indem Sie das Tesseract.js-Skript direkt aus einem CDN einbinden.

Das einfachste Codebeispiel sieht folgendermaßen aus, wobei myImage eine direkte Referenz auf ein HTML-Bildelement ist:

 Tesseract.recognize (myImage) .then (Funktion (Ergebnis) {console.log (Ergebnis)}); 

In jedem Fall ist diese Bibliothek so hilfreich, um mit OCR im Web zu arbeiten. Es ist bei weitem nicht perfekt, aber es ist auch die beste Ressource für Webentwickler, die dynamische In-Page-OCR-Funktionalität wünschen .

Um mehr zu erfahren, besuchen Sie die Seite Tesseract.js GitHub, wo Sie eine Live-Demo anschauen und die Online-Dokumentation durchsuchen können.

100+ inspirierende Zitate für Designer

Bitten Sie einhundert Designer, Ihnen zu sagen, was Design ist und Sie werden vielleicht 500 verschiedene Antworten bekommen. Das liegt nicht daran, dass die Antwort subjektiv ist, sondern weil die Antwort komplex ist . Und Designer, die Designer sind, finden Wege, die Botschaft zu vermitteln. Ein Weg ist durch die Verwendung von schönen inspirierenden Zitaten.

(Tech- und Design-Tipps)

Verständnis von WordPress Custom Meta Box

Im vorherigen Beitrag haben wir über das benutzerdefinierte WordPress-Feld gesprochen, in dem Sie einen neuen Eintrag in einem Beitrag hinzufügen und ausgeben können, indem Sie das Feld Benutzerdefiniertes Feld verwenden, das WordPress auf dem Bildschirm zur Nachbearbeitung bereitstellt. Wenn Sie jedoch nicht mit der benutzerdefinierten Feldbox zufrieden sind (wir haben alle unsere individuellen Präferenzen), ist hier eine Alternative: Sie können eine Meta-Box erstellen.Eine

(Tech- und Design-Tipps)