Tekst schalen
Scaling tekst is een functie waarmee je tekst kunt schalen om op een bepaalde breedte of hoogte te passen. Dit is handig als je er zeker van wilt zijn dat tekst in een bepaald gebied past (bijvoorbeeld een naam). De functie schaalt de tekst zodat hij in het gebied past, terwijl de beeldverhouding behouden blijft. Dit betekent dat je tekst niet vervormd wordt.
Als je de editor gebruikt om scaling tekst toe te voegen, kun je alle code voorbeelden in deze documentatie negeren. De afbeeldingen en de positionering van tekst blijven wel relevant. Positionering en resizen van tekst kan eenvoudig via de editor zoals dit ook werkt met elk ander element.
Syntax
Het huidige formaat gebruikt een nieuw html element welke volledig beinvloed kan worden door CSS!
<print-one-scaling-text id='example-id'>{{text}}</print-one-scaling-text>
Volledige voorbeelden
Voorbeeld met standaard font(ipag)
{{{scalingText 900 200 'center' 'middle' 'My Text'}}}
Voorbeeld met standaard font(ipag) en dynamische tekst
{{{scalingText 900 200 'center' 'middle' myMergeVariable}}}
Voorbeeld met custom file als font
{{{scalingText 900 200 'center' 'middle' 'My Text' 'Mynerve-Regular.ttf'}}}
Voorbeeld met extern google-font
{{{scalingText 900 200 'center' 'middle' 'Some text' 'https://fonts.gstatic.com/s/pangolin/v11/cY9GfjGcW0FPpi-tWMfN79w.woff2'}}}
Extra informatie
Onze tekstschalingsfunctie ondersteunt alleen het invoeren van een variabele. Er is echter een oplossing om dit te bereiken. Je kunt het schaalelement in de code-editor bewerken om voorvoegsels en achtervoegsels toe te voegen. Dit zou er als volgt uit moeten zien:
<print-one-scaling-text id='example-id' ...>Hey {{name}}!</print-one-scaling-text>
Op dit moment ondersteunt onze editor dit niet, dus er kunnen onverwachte dingen gebeuren bij het gebruik hiervan.