| Eigenschaft | Typ | Erforderlich | Beispiel | Wertbereich | Beschreibung |
|---|---|---|---|---|---|
| content | string | true | - | - | Der angezeigte Textinhalt des Elements. |
| textStyle | object | true | - | - | Die Basisstiloptionen für den Textinhalt, einschließlich Schriftart, Farbe, Schatten- und Kontureinstellungen. Dies dient als Standardstil für allen Text. |
| ranges | array | false | - | - | Bereiche für die Formatierung von Rich Text, die es ermöglichen, unterschiedliche Stile auf spezifische Teile des Textinhalts anzuwenden. Jeder Bereich definiert eine Startposition, Endposition und Stilübersteuerungen. |
| bgColor | string | false | - | - | Die Hintergrundfarbe des Textelements im Hex-Format. |
| bgAlpha | number | false | - | 0 - 1 | Der Transparenzgrad des Text-Hintergrunds. 1 steht für volle Opazität und 0 für volle Transparenz. |
| bgRadius | number | false | - | - | Der Eckenradius des Text-Hintergrunds in Pixeln. |
Bereiche für Rich Text ermöglichen es Ihnen, unterschiedliche Stile auf bestimmte Teile des Textinhalts anzuwenden. Jedes Bereichsobjekt enthält:
| Eigenschaft | Typ | Erforderlich | Beispiel | Wertbereich | Beschreibung |
|---|---|---|---|---|---|
| start | number | true | - | >= 0 | Die Start-Zeichenposition (einschließlich), an der dieser Stil angewendet werden soll. |
| end | number | true | - | > start | Die End-Zeichenposition (exklusive), an der dieser Stil enden soll. |
| style | object | true | - | - | Die Stilübersteuerungen, die auf diesen Textbereich angewendet werden sollen. Alle nicht angegebenen Eigenschaften erben vom Basis-textStyle. |
Das textStyle-Objekt definiert das Basisstyling, das auf allen Textinhalten angewendet wird. Bei der Verwendung von Rich-Text-Bereichen erben alle Stil-Eigenschaften, die in einem Bereich nicht angegeben sind, diese Basiswerte.
| Eigenschaft | Typ | Erforderlich | Beispiel | Wertbereich | Beschreibung |
|---|---|---|---|---|---|
| fill | string | true | - | - | Die Textfarbe im Hex-Format. |
| fontSize | number | true | - | > 0 | Die Schriftgröße des Textes in Pixeln. |
| fontFamily | string | true | - | Arial, Helvetica, Times New Roman, Georgia, Verdana, Tahoma, Trebuchet MS, Impact, Comic Sans MS, Courier New | Die Schriftfamilie, die für den Text verwendet wird. |
| align | string | true | - | left, center, right, justify | Die Ausrichtung des Textinhalts. |
| lineHeight | number | true | - | >= 0 | Der Zeilenabstand des Textinhalts in Pixeln. |
| letterSpacing | number | true | - | - | Der Abstand zwischen den Zeichen im Textinhalt in Pixeln. |
| wordSpacing | number | false | - | - | Der Abstand zwischen den Wörtern im Textinhalt in Pixeln. |
| fontWeight | string | false | - | normal, bold, 100, 200, 300, 400, 500, 600, 700, 800, 900 | Das Gewicht (Dicke) der Schrift. |
| fontStyle | string | false | - | normal, italic, oblique | Der Stil der Schrift. |
| textShadow | string | false | - | - | CSS-Wert für die text-shadow-Eigenschaft für zusätzliche Schatteneffekte. |
| underline | boolean | false | - | - | Gibt an, ob der Textinhalt eine Unterstreichung hat. |
| strikethrough | boolean | false | - | - | Gibt an, ob der Textinhalt durchgestrichen ist. |
| isBold | boolean | true | - | - | Gibt an, ob der Textinhalt fett dargestellt wird. |
| isItalic | boolean | true | - | - | Gibt an, ob der Textinhalt kursiv dargestellt wird. |
| shadowEnabled | boolean | true | - | - | Gibt an, ob ein shadow-sm-Effekt auf den Textinhalt angewendet wird. |
| shadowColor | string | true | - | - | Die Farbe des shadow-sm-Effekts im Hex-Format. |
| shadowBlur | number | true | - | >= 0 | Der blur-sm-Radius des shadow-sm-Effekts in Pixeln. |
| shadowAlpha | number | true | - | 0 - 1 | Der Transparenzgrad des shadow-sm-Effekts. 1 steht für volle Opazität und 0 für volle Transparenz. |
| shadowAngle | number | true | - | >= 0 | Der Winkel des shadow-sm-Effekts in Bogenmaß. |
| shadowDistance | number | true | - | >= 0 | Der Abstand zwischen dem Textinhalt und dem shadow-sm-Effekt in Pixeln. |
| stroke | string | true | - | - | Die Farbe des Stroke-Effekts im Hex-Format. |
| strokeWidth | number | true | - | >= 0 | Die Breite des Stroke-Effekts in Pixeln. |
{
"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
}