inktype.cc Funktionsweise
Technik im Browser

Vom Foto zur nutzbaren Schrift

Vier Markierungen machen aus einem schrägen Foto ein geordnetes Raster. Danach wird jedes Zeichen getrennt, vektorisiert und in eine OTF-Datei geschrieben.

01

Markierungen beschreiben das Blatt

In jeder Ecke steht eine ArUco-Markierung. Ihre Kennung enthält die Ecke, die Vorlagenversion und den Zeichensatz. Das Programm prüft alle vier Kennungen gemeinsam, damit es ein gedrehtes Blatt richtig zuordnen kann.

Die äußeren Ecken liefern vier Bezugspunkte. Fehlt eine Markierung oder ist ihr Muster verdeckt, lässt sich das Raster nicht sicher rekonstruieren. Darum muss das Foto die vollständige Seite zeigen.

02

Die Perspektive wird ausgeglichen

Aus den vier Bezugspunkten berechnet inktype.cc eine Homografie. Diese Abbildung überträgt die schräg fotografierte Seite auf die festgelegte A4-Geometrie der Vorlage. So liegen die Rasterfelder wieder an bekannten Positionen.

Eine Homografie korrigiert Perspektive auf einer flachen Ebene. Stark gewelltes Papier, tiefe Falten oder eine gebogene Buchseite gehören nicht zu dieser Ebene und können deshalb verzerrte Zeichen erzeugen.

03

Rasterfelder werden getrennt

Die Vorlage besitzt ein Raster mit 11 Spalten und 10 Zeilen. Der erkannte Zeichensatz legt fest, welcher Buchstabe zu welchem Feld gehört. Das Programm schneidet jedes Feld aus der korrigierten Seite aus.

Eine adaptive Schwelle trennt dunkle Tinte vom hellen Papier. Mit der Empfindlichkeit veränderst du diese Trennung. Höhere Werte bewahren blasse Striche, nehmen aber leichter Papierstruktur und Schatten auf.

04

Pixel werden zu Vektorpfaden

ImageTracer folgt den Kanten der erkannten Tinte und erzeugt geschlossene Pfade. Vektoren lassen sich ohne sichtbare Pixel skalieren und sind deshalb die Grundlage für jedes Zeichen in der fertigen Schrift.

Verschiebung und Skalierung ändern die Lage der Pfade. Die Laufweite bestimmt, wie viel horizontaler Platz ein Zeichen beim Setzen erhält. Globale Werte gelten für die ganze Schrift, lokale Werte korrigieren einzelne Ausreißer.

05

Der Browser baut die OTF-Datei

opentype.js kombiniert die Zeichenpfade, Zuordnungen und Metriken zu einer OpenType-Schrift. Dieselbe erzeugte Schrift speist die Live-Vorschau, damit du Wörter und Abstände vor dem Download prüfen kannst.

Rechenintensive Bildarbeit läuft in einem Web Worker, damit die Oberfläche bedienbar bleibt. Einstellungen werden nur lokal im Browser gespeichert und anhand von Dateiname und Dateigröße wiedergefunden. Mehr zu diesen Daten steht in der Datenschutzerklärung.