| Propriété | Type | Requis | Exemple | Plage de valeurs | Description |
|---|---|---|---|---|---|
| content | string | true | - | - | Le contenu textuel affiché par l'élément. |
| textStyle | object | true | - | - | Les options de style de base pour le contenu textuel, y compris les paramètres de police, de couleur, d'ombre et de contour. Cela sert de style par défaut pour tout le texte. |
| ranges | array | false | - | - | Les plages de formatage de texte enrichi qui permettent d'appliquer différents styles à des portions spécifiques du contenu textuel. Chaque plage définit une position de départ, une position de fin et des remplacements de style. |
| bgColor | string | false | - | - | La couleur de fond de l'élément de texte, au format hexadécimal. |
| bgAlpha | number | false | - | 0 - 1 | Le niveau de transparence de l'arrière-plan du texte. 1 représente une opacité totale, et 0 représente une transparence totale. |
| bgRadius | number | false | - | - | Le rayon des coins de l'arrière-plan du texte, en pixels. |
Les plages de texte enrichi vous permettent d'appliquer différents styles à des portions spécifiques du contenu textuel. Chaque objet de plage contient :
| Propriété | Type | Requis | Exemple | Plage de valeurs | Description |
|---|---|---|---|---|---|
| start | number | true | - | >= 0 | La position du caractère de départ (inclusif) où ce style doit être appliqué. |
| end | number | true | - | > start | La position du caractère de fin (exclusif) où ce style doit se terminer. |
| style | object | true | - | - | Les remplacements de style à appliquer à cette plage de texte. Toutes les propriétés non spécifiées hériteront du style de texte de base. |
L'objet textStyle définit le style de base qui s'applique à tout le contenu textuel. Lors de l'utilisation de plages de texte enrichi, toutes les propriétés de style non spécifiées dans une plage hériteront de ces valeurs de base.
| Propriété | Type | Requis | Exemple | Plage de valeurs | Description |
|---|---|---|---|---|---|
| fill | string | true | - | - | La couleur du texte, au format hexadécimal. |
| fontSize | number | true | - | > 0 | La taille de la police du texte, en pixels. |
| fontFamily | string | true | - | Arial, Helvetica, Times New Roman, Georgia, Verdana, Tahoma, Trebuchet MS, Impact, Comic Sans MS, Courier New | La famille de police utilisée pour le texte. |
| align | string | true | - | left, center, right, justify | L'alignement du contenu textuel. |
| lineHeight | number | true | - | >= 0 | La hauteur de ligne du contenu textuel, en pixels. |
| letterSpacing | number | true | - | - | L'espacement entre les caractères dans le contenu textuel, en pixels. |
| wordSpacing | number | false | - | - | L'espacement entre les mots dans le contenu textuel, en pixels. |
| fontWeight | string | false | - | normal, bold, 100, 200, 300, 400, 500, 600, 700, 800, 900 | Le poids (épaisseur) de la police. |
| fontStyle | string | false | - | normal, italic, oblique | Le style de la police. |
| textShadow | string | false | - | - | Valeur de la propriété CSS text-shadow pour des effets d'ombre supplémentaires. |
| underline | boolean | false | - | - | Indique si le contenu textuel a une décoration de soulignement. |
| strikethrough | boolean | false | - | - | Indique si le contenu textuel a une décoration de barré. |
| isBold | boolean | true | - | - | Indique si le contenu textuel est affiché en gras. |
| isItalic | boolean | true | - | - | Indique si le contenu textuel est affiché en italique. |
| shadowEnabled | boolean | true | - | - | Indique si un effet shadow-sm est appliqué au contenu textuel. |
| shadowColor | string | true | - | - | La couleur de l'effet shadow-sm, au format hexadécimal. |
| shadowBlur | number | true | - | >= 0 | Le rayon blur-sm de l'effet shadow-sm, en pixels. |
| shadowAlpha | number | true | - | 0 - 1 | Le niveau de transparence de l'effet shadow-sm. 1 représente une opacité totale, et 0 représente une transparence totale. |
| shadowAngle | number | true | - | >= 0 | L'angle de l'effet shadow-sm, en radians. |
| shadowDistance | number | true | - | >= 0 | La distance entre le contenu textuel et l'effet shadow-sm, en pixels. |
| stroke | string | true | - | - | La couleur de l'effet de contour, au format hexadécimal. |
| strokeWidth | number | true | - | >= 0 | La largeur de l'effet de contour, en 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
}