| Proprietà | Tipo | Richiesto | Esempio | Intervallo di valori | Descrizione |
|---|---|---|---|---|---|
| content | string | true | - | - | Il contenuto testuale visualizzato dall'elemento. |
| textStyle | object | true | - | - | Le opzioni di stile di base per il contenuto testuale, inclusi font, colore, ombra e impostazioni di tratto. Questo funge da stile predefinito per tutto il testo. |
| ranges | array | false | - | - | Intervalli di formattazione di testo ricco che consentono di applicare stili diversi a porzioni specifiche del contenuto testuale. Ogni intervallo definisce una posizione di inizio, una posizione di fine e sovrascritture di stile. |
| bgColor | string | false | - | - | Il colore di sfondo dell'elemento di testo, in formato esadecimale. |
| bgAlpha | number | false | - | 0 - 1 | Il livello di trasparenza dello sfondo del testo. 1 rappresenta opacità completa, e 0 rappresenta trasparenza completa. |
| bgRadius | number | false | - | - | Il raggio degli angoli dello sfondo del testo, in pixel. |
Gli intervalli di testo ricco consentono di applicare stili diversi a porzioni specifiche del contenuto testuale. Ogni oggetto intervallo contiene:
| Proprietà | Tipo | Richiesto | Esempio | Intervallo di valori | Descrizione |
|---|---|---|---|---|---|
| start | number | true | - | >= 0 | La posizione del carattere di inizio (inclusivo) dove questo stile dovrebbe essere applicato. |
| end | number | true | - | > start | La posizione del carattere di fine (esclusivo) dove questo stile dovrebbe finire. |
| style | object | true | - | - | Le sovrascritture di stile da applicare a questo intervallo di testo. Qualsiasi proprietà non specificata erediterà dallo stile di base textStyle. |
L'oggetto textStyle definisce lo stile di base che si applica a tutto il contenuto testuale. Quando si utilizzano intervalli di testo ricco, le proprietà di stile non specificate in un intervallo erediteranno questi valori di base.
| Proprietà | Tipo | Richiesto | Esempio | Intervallo di valori | Descrizione |
|---|---|---|---|---|---|
| fill | string | true | - | - | Il colore del testo, in formato esadecimale. |
| fontSize | number | true | - | > 0 | La dimensione del font del testo, in pixel. |
| fontFamily | string | true | - | Arial, Helvetica, Times New Roman, Georgia, Verdana, Tahoma, Trebuchet MS, Impact, Comic Sans MS, Courier New | La famiglia di font utilizzata per il testo. |
| align | string | true | - | left, center, right, justify | L'allineamento del contenuto testuale. |
| lineHeight | number | true | - | >= 0 | L'altezza della riga del contenuto testuale, in pixel. |
| letterSpacing | number | true | - | - | Lo spazio tra i caratteri nel contenuto testuale, in pixel. |
| wordSpacing | number | false | - | - | Lo spazio tra le parole nel contenuto testuale, in pixel. |
| fontWeight | string | false | - | normal, bold, 100, 200, 300, 400, 500, 600, 700, 800, 900 | Il peso (spessore) del font. |
| fontStyle | string | false | - | normal, italic, oblique | Lo stile del font. |
| textShadow | string | false | - | - | Valore della proprietà CSS text-shadow per effetti di ombra aggiuntivi. |
| underline | boolean | false | - | - | Indica se il contenuto testuale ha decorazione sottolineata. |
| strikethrough | boolean | false | - | - | Indica se il contenuto testuale ha decorazione barrata. |
| isBold | boolean | true | - | - | Indica se il contenuto testuale è visualizzato in grassetto. |
| isItalic | boolean | true | - | - | Indica se il contenuto testuale è visualizzato in corsivo. |
| shadowEnabled | boolean | true | - | - | Indica se un effetto shadow-sm è applicato al contenuto testuale. |
| shadowColor | string | true | - | - | Il colore dell'effetto shadow-sm, in formato esadecimale. |
| shadowBlur | number | true | - | >= 0 | Il raggio blur-sm dell'effetto shadow-sm, in pixel. |
| shadowAlpha | number | true | - | 0 - 1 | Il livello di trasparenza dell'effetto shadow-sm. 1 rappresenta opacità completa, e 0 rappresenta trasparenza completa. |
| shadowAngle | number | true | - | >= 0 | L'angolo dell'effetto shadow-sm, in radianti. |
| shadowDistance | number | true | - | >= 0 | La distanza tra il contenuto testuale e l'effetto shadow-sm, in pixel. |
| stroke | string | true | - | - | Il colore dell'effetto di tratto, in formato esadecimale. |
| strokeWidth | number | true | - | >= 0 | La larghezza dell'effetto di tratto, in pixel. |
{
"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
}