inktype.cc Cómo funciona
Tecnología en el navegador

De la foto a una fuente utilizable

Cuatro marcadores convierten una foto inclinada en una cuadrícula ordenada. Después se recorta, vectoriza y guarda cada carácter en un OTF.

01

Los marcadores describen la hoja

Cada esquina contiene un marcador ArUco. Su identificador guarda la esquina, la versión de la plantilla y el juego de idioma. El programa compara los cuatro identificadores, por lo que también entiende una página girada.

Las esquinas exteriores proporcionan cuatro puntos de referencia. Si falta un marcador o su patrón queda tapado, la cuadrícula no puede reconstruirse con seguridad. Por eso la foto debe incluir toda la página.

02

Se corrige la perspectiva

inktype.cc calcula una homografía a partir de los cuatro puntos. Esta transformación lleva la página fotografiada en ángulo a la geometría A4 conocida de la plantilla. Así, las casillas vuelven a sus posiciones previstas.

Una homografía corrige la perspectiva de una superficie plana. El papel muy ondulado, los pliegues profundos y una página curvada no están en un solo plano, así que pueden deformar los caracteres.

03

Las casillas se separan

La plantilla tiene 11 columnas y 10 filas. El juego detectado determina qué letra corresponde a cada casilla. El programa recorta cada zona de la página corregida y la procesa por separado.

Un umbral adaptativo separa la tinta oscura del papel claro. El control de sensibilidad mueve ese límite. Un valor mayor conserva trazos pálidos, pero también puede recoger la textura del papel y las sombras.

04

Los píxeles se convierten en trazados

ImageTracer sigue los bordes de la tinta detectada y crea trazados cerrados. Los vectores pueden cambiar de tamaño sin mostrar píxeles, por eso forman cada carácter de la fuente final.

El desplazamiento y la escala cambian la posición de los trazados. El ancho determina el espacio horizontal del carácter al componer texto. Los valores globales afectan a toda la fuente y los locales corrigen casos concretos.

05

El navegador construye el OTF

opentype.js combina los trazados, las asignaciones y las métricas en una fuente OpenType. El mismo resultado alimenta la vista previa en directo para que puedas revisar palabras y espacios antes de descargar.

El análisis intensivo se ejecuta en un Web Worker para mantener activa la interfaz. Los ajustes se guardan solo en el navegador y se recuperan por nombre y tamaño de archivo. La política de privacidad explica estos datos con más detalle.