Migreer Schalende tekst

De oude syntax van de schalende tekst was:

{{{scalingText breedte hoogte horizontaleUitlijning verticaleUitlijning text [font]}}}

Om deze om te zetten naar de nieuw kan je de volgende syntax gebruiken

<print-one-scaling-text id='example-id'>{{text}}</print-one-scaling-text>

De nieuwe syntax maakt gebruikt van CSS om alles te defineren. Dus om de hoogte en breedte in te stellen zou je het volgende doen:

1<style>
2#example-id { 
3    height: 400px; 
4    width: 400px; 
5} 
6</style>

Voor de uitlijning gebruiken we nu de CSS waardes van justify-content (horizontaal) en align-items (verticaal). Hierbij zijn de waardes hiervan ook aangepast deze kunnen nu alleen nog maar start, center of end zijn. Dat zou er als volgt uitzien:

1<style>
2#example-id { 
3    justify-content: start; /* left */
4    align-items: end; /* bottom */
5} 
6</style>

De font kan je vervolgens via font-family zetten.