Data processing: text to image to text

Gebruik van de TextImage Class

Introductie

De TextImage class stelt je in staat om tekst om te zetten naar een afbeelding op een canvas en vice versa. Dit kan handig zijn voor allerlei creatieve projecten waarin je tekst visueel wilt representeren of informatie uit afbeeldingen wilt halen.

Constructie van de Class

Om een nieuwe TextImage instantie te maken, kun je de constructor gebruiken:


    const textImage = new TextImage(400, 10);
  • width - De breedte van het canvas in pixels. Standaard is dit 400 pixels.
  • pixelSize - De grootte van elke pixel in het canvas. Standaard is dit 10 pixels.

Functies van de Class

1. toISO(str)

Converteert een string naar een ISO 8859-1 geëncodeerde byte-array.

Gebruik deze functie om tekst te converteren naar een reeks bytes die geschikt zijn voor weergave in ISO 8859-1.


    const bytes = textImage.toISO("Hallo Wereld");

2. toImage(byteArray)

Maakt een afbeelding op basis van een gegeven byte-array.

Deze functie neemt een array van bytes en tekent deze als gekleurde pixels op het canvas, waarbij elke drie bytes samen een RGB-kleur vormen.


    textImage.toImage(bytes);

3. getImage()

Geeft een base64-gecodeerde data-URL van de huidige canvasinhoud terug.

Gebruik deze functie om het canvas te exporteren als een afbeelding in een formaat dat geschikt is om op een webpagina weer te geven.


    const imageUrl = textImage.getImage();

4. toText(imageUrl)

Converteert een afbeelding naar tekst door pixelwaarden te lezen.

Laadt een afbeelding in het canvas, leest de RGB-waarden van de pixels, en converteert deze waarden terug naar tekst.


    textImage.toText(imageUrl).then(text => {
        console.log(text);
    }).catch(error => {
        console.error(error);
    });

Voorbeeldgebruik

  1. Maak een nieuwe instantie van de TextImage class.
  2. Converteer een string naar een byte-array met toISO.
  3. Maak een afbeelding met toImage.
  4. Converteer de afbeelding terug naar tekst met toText.

    const textImage = new TextImage(400, 10);
    const bytes = textImage.toISO("Hallo Wereld");
    textImage.toImage(bytes);
    
    // Haal de afbeelding als base64 URL op
    const imageUrl = textImage.getImage();

    // Converteer de afbeelding terug naar tekst
    textImage.toText(imageUrl).then(text => {
        console.log("Gedecompileerde tekst: ", text);
    }).catch(error => {
        console.error("Er is een fout opgetreden: ", error);
    });
Volgende pagina