Handschrift > Het font “Lusletters” > Afbeeldinggenerator > URL api

URL API voor “Lusletters”-afbeeldingengenerator

Inleiding

De “Lusletters”-afbeeldingengenerator kan gebruikt worden voor mensen die het font Schoolschrift willen gebruiken in een cloud-applicatie waarin geen eigen fonts gebruikt kunnen worden. Voorbeelden van zulke applicaties zijn Gynzy, Google Docs, Google Forms.

Met de afbeeldingengenerator kunnen afbeeldingen van letters, woorden en zinnen gemaakt worden simpelweg door een url in te typen. Afbeeldingen kunnen ook gemaakt worden via een formulier.

Op deze pagina wordt uitgelegd hoe die url eruit moet zien.

Opbouw van een url

De url van de afbeeldingengenerator is als volgt opgebouwd:
https://syboor.eu/fonts/lusletters/imgen/<profiel>/<tekst>?<extra_opties>

Het vraagteken en de extra opties zijn optioneel. Deze kunnen weggelaten worden.

Kiezen welke lettervarianten en aanhalen er gebruikt worden

Je kunt niet apart per letter opgeven welke variant je wilt. Dan zou de url te lang worden. Daarom kies je een profiel. Een profiel is een volledige verzameling van instellingen voor de lettervormgeving. NB De hellingshoek is geen onderdeel van het profiel, maar wordt doorgegeven in een eigen url parameter.

Hier zie je drie voorbeelden van een url, steeds met een ander profiel:

https://syboor.eu/fonts/lusletters/imgen/default/Ik+werd+overvallen+door+een+herfstbui.

https://syboor.eu/fonts/lusletters/imgen/grondlijn/Ik+werd+overvallen+door+een+herfstbui.

https://syboor.eu/fonts/lusletters/imgen/klinkers/Ik+werd+overvallen+door+een+herfstbui.

Aangeven welke tekst er getoond moet worden

Na het profiel komt het teken / (forward slash) gevolgd door de tekst.

https://syboor.eu/fonts/lusletters/imgen/default/herfstbui

Bij een tekst van meerdere woorden vervang je de spatie door het teken +:

https://syboor.eu/fonts/lusletters/imgen/default/Mijn+juf+is+lief.

Het teken + vervang je door %2B:

https://syboor.eu/fonts/lusletters/imgen/default/11%2B1=2

De tekst kan eindigen op een vraagteken:

https://syboor.eu/fonts/lusletters/imgen/default/Mag+dit?

Als er extra opties zijn en de tekst eindigt op een vraagteken, moet je twee vraagtekens achter elkaar gebruiken:

https://syboor.eu/fonts/lusletters/imgen/default/Mag+dit??c=blue

Het teken # (hashtag) in je tekst moet je vervangen door %23. Het teken / (forward slash) kun je niet gebruiken in je tekst.

Outline en kleur

Met de parameter c geef je een kleur mee, of de speciale waarde outline voor een outlinetekst. Kleuren kunnen Engelstalige namen van kleuren zijn, of hexadecimale RGB-waarde waarbij het hekje (#) vervangen moet zijn met de codering %23. Bij ongegrepen waardes wordt de defaultkleur zwart gebruikt.

Outline

https://syboor.eu/fonts/lusletters/imgen/default/apenrots?c=outline

Namen van kleuren (Engels)

Zie hier de beschikbare kleurnamen. Hoofdletters zijn niet nodig.

https://syboor.eu/fonts/lusletters/imgen/default/apenrots?c=green

https://syboor.eu/fonts/lusletters/imgen/default/apenrots?c=lightgrey

Hexadecimale RGB-waarde

De waarde is #FC03C6, gecodeerd als %23FC03C6.

https://syboor.eu/fonts/lusletters/imgen/default/apenrots?c=%23FC03C6

Achtergrondkleur

In de url kun je geen achtergrondkleur kiezen. De afbeelding heeft een transparante achtergrond. Als je werkt in een applicatie waar je niet alleen een url opgeeft maar ook de <img>-tag kunt aanpassen, kun je dat gebruiken om een achtergrondkleur in te stellen:

<img style="background-color: black" src="https://syboor.eu/fonts/lusletters/imgen/default/apenrots?c=white">

Hellingshoek

Het font Lusletters is beschikbaar met 3 hellingshoeken.

https://syboor.eu/fonts/lusletters/imgen/default/schrift?sl=0

https://syboor.eu/fonts/lusletters/imgen/default/schrift?sl=1

https://syboor.eu/fonts/lusletters/imgen/default/schrift?sl=2

Liniatuur

https://syboor.eu/fonts/lusletters/imgen/default/schrift?l=1

https://syboor.eu/fonts/lusletters/imgen/default/schrift?l=2

https://syboor.eu/fonts/lusletters/imgen/default/schrift?l=3

https://syboor.eu/fonts/lusletters/imgen/default/schrift?l=4

https://syboor.eu/fonts/lusletters/imgen/default/schrift?l=5

https://syboor.eu/fonts/lusletters/imgen/default/schrift?l=6

Meerdere opties

Als je meerdere opties gebruikt, moet er & (ampersand) tussen de opties staan. Alleen voor de eerste optie staat een vraagteken.

https://syboor.eu/fonts/lusletters/imgen/default/schrift?c=outline&l=1

Hoogte

De gewenste hoogte van de afbeelding (in pixels) kan opgegeven worden.
Als je geen hoogte opgeeft, is de hoogte 200 pixels.
De afbeeldingen hieronder zijn getoond op ware grootte.

https://syboor.eu/fonts/lusletters/imgen/default/gasbel?h=30

https://syboor.eu/fonts/lusletters/imgen/default/gasbel?h=60

https://syboor.eu/fonts/lusletters/imgen/default/gasbel?h=120

https://syboor.eu/fonts/lusletters/imgen/default/gasbel

In de afbeelding is altijd ruimte vrijgehouden voor onderlussen en bovenlussen, ook als die in de tekst niet gebruikt worden:

https://syboor.eu/fonts/lusletters/imgen/default/aa?h=120

Breedte

Als je geen breedte opgeeft, dan past de breedte zich aan aan de hoeveelheid tekst, tot een maximum van 4000px. Door expliciet een breedte op te geven, kun je lege liniatuur tonen na de tekst.

https://syboor.eu/fonts/lusletters/imgen/default/aa?w=500&h=120&l=1

Een expliciete breedte kan er toe leiden dat tekst afgekapt wordt.

https://syboor.eu/fonts/lusletters/imgen/default/Ik+wil+niet+meer!?w=400&h=120&l=1