| Eigenschap | Type | Vereist | Voorbeeld | Waardenbereik | Omschrijving |
|---|---|---|---|---|---|
| content | string | true | - | - | De tekstinhoud die door het element wordt weergegeven. |
| textStyle | object | true | - | - | De basisstijlopties voor de tekstinhoud, inclusief lettertype, kleur, schaduw en lijninstellingen. Dit dient als de standaardstijl voor alle tekst. |
| ranges | array | false | - | - | Rijke tekstopmaakbereiken die het mogelijk maken om verschillende stijlen toe te passen op specifieke delen van de tekstinhoud. Elk bereik definieert een beginpositie, eindpositie en stijloverschrijvingen. |
| bgColor | string | false | - | - | De achtergrondkleur van het textelement, in hex-formaat. |
| bgAlpha | number | false | - | 0 - 1 | Het transparantieniveau van de tekstachtergrond. 1 staat voor volledige dekking en 0 staat voor volledige transparantie. |
| bgRadius | number | false | - | - | De hoekenradius van de tekstachtergrond, in pixels. |
Rijke tekstbereiken stellen je in staat om verschillende stijlen toe te passen op specifieke delen van de tekstinhoud. Elk bereikobject bevat:
| Eigenschap | Type | Vereist | Voorbeeld | Waardenbereik | Omschrijving |
|---|---|---|---|---|---|
| start | number | true | - | >= 0 | De starttekenpositie (inclusief) waar deze stijl moet worden toegepast. |
| end | number | true | - | > start | De eindtekenpositie (exclusief) waar deze stijl moet eindigen. |
| style | object | true | - | - | De stijloverschrijvingen die op dit tekstbereik moeten worden toegepast. Eigenschappen die niet zijn gespecificeerd, zullen overgenomen worden van de basis tekstStyle. |
Het tekstStyle-object definieert de basistijl die van toepassing is op alle tekstinhoud. Bij het gebruik van rijke tekstbereiken zullen stijlkenmerken die niet in een bereik zijn gespecificeerd, deze basiswaarden overnemen.
| Eigenschap | Type | Vereist | Voorbeeld | Waardenbereik | Omschrijving |
|---|---|---|---|---|---|
| fill | string | true | - | - | De tekstkleur, in hex-formaat. |
| fontSize | number | true | - | > 0 | De lettergrootte van de tekst, in pixels. |
| fontFamily | string | true | - | Arial, Helvetica, Times New Roman, Georgia, Verdana, Tahoma, Trebuchet MS, Impact, Comic Sans MS, Courier New | De lettertypefamilie die voor de tekst wordt gebruikt. |
| align | string | true | - | left, center, right, justify | De uitlijning van de tekstinhoud. |
| lineHeight | number | true | - | >= 0 | De regelhoogte van de tekstinhoud, in pixels. |
| letterSpacing | number | true | - | - | De ruimte tussen de tekens in de tekstinhoud, in pixels. |
| wordSpacing | number | false | - | - | De ruimte tussen woorden in de tekstinhoud, in pixels. |
| fontWeight | string | false | - | normal, bold, 100, 200, 300, 400, 500, 600, 700, 800, 900 | Het gewicht (dikte) van het lettertype. |
| fontStyle | string | false | - | normal, italic, oblique | De stijl van het lettertype. |
| textShadow | string | false | - | - | CSS text-shadow-eigenschap waarde voor extra schaduweffecten. |
| underline | boolean | false | - | - | Geeft aan of de tekstinhoud een onderstreping heeft. |
| strikethrough | boolean | false | - | - | Geeft aan of de tekstinhoud een doorhalingsdecoratie heeft. |
| isBold | boolean | true | - | - | Geeft aan of de tekstinhoud vetgedrukt wordt weergegeven. |
| isItalic | boolean | true | - | - | Geeft aan of de tekstinhoud cursief wordt weergegeven. |
| shadowEnabled | boolean | true | - | - | Geeft aan of een shadow-sm effect is toegepast op de tekstinhoud. |
| shadowColor | string | true | - | - | De kleur van het shadow-sm effect, in hex-formaat. |
| shadowBlur | number | true | - | >= 0 | De blur-sm radius van het shadow-sm effect, in pixels. |
| shadowAlpha | number | true | - | 0 - 1 | Het transparantieniveau van het shadow-sm effect. 1 staat voor volledige dekking en 0 staat voor volledige transparantie. |
| shadowAngle | number | true | - | >= 0 | De hoek van het shadow-sm effect, in radialen. |
| shadowDistance | number | true | - | >= 0 | De afstand tussen de tekstinhoud en het shadow-sm effect, in pixels. |
| stroke | string | true | - | - | De kleur van het stroke-effect, in hex-formaat. |
| strokeWidth | number | true | - | >= 0 | De breedte van het stroke-effect, in pixels. |
{
"id": "556e5b07-9f6d-49fa-804a-a1ac523cdd82",
"type": "Text",
"start": 0,
"duration": 5,
"trackIndex": 0,
"x": 166.1738354439909,
"y": -59.92190375317854,
"blendMode": "normal",
"anchorX": 0,
"anchorY": 0,
"rotation": 0,
"scaleX": 2.8948529361581095,
"scaleY": 2.8948529361581095,
"alpha": 1,
"skewX": 0,
"skewY": 0,
"keyframes": [],
"content": "Add Heading",
"textStyle": {
"fill": "#FFFFFF",
"fontSize": 36,
"fontFamily": "Arial",
"align": "center",
"lineHeight": 0,
"letterSpacing": 0,
"isBold": true,
"isItalic": false,
"shadowEnabled": true,
"shadowColor": "#000000",
"shadowBlur": 4,
"shadowAlpha": 1,
"shadowAngle": 0.5235987755982988,
"shadowDistance": 6,
"stroke": "#000000",
"strokeWidth": 3
},
"bgColor": "#f2c9ff",
"bgAlpha": 0,
"bgRadius": 10
}