| Propriedade | Tipo | Necessário | Exemplo | Faixa de Valores | Descrição |
|---|---|---|---|---|---|
| content | string | true | - | - | O conteúdo de texto exibido pelo elemento. |
| textStyle | object | true | - | - | As opções de estilização base para o conteúdo de texto, incluindo configurações de fonte, cor, sombra e contorno. Isso serve como o estilo padrão para todo o texto. |
| ranges | array | false | - | - | Intervalos de formatação de texto rico que permitem que estilos diferentes sejam aplicados a porções específicas do conteúdo de texto. Cada intervalo define uma posição inicial, posição final e substituições de estilo. |
| bgColor | string | false | - | - | A cor de fundo do elemento de texto, em formato hexadecimal. |
| bgAlpha | number | false | - | 0 - 1 | O nível de transparência do fundo do texto. 1 representa opacidade total e 0 representa transparência total. |
| bgRadius | number | false | - | - | O raio dos cantos do fundo do texto, em pixels. |
Os intervalos de texto rico permitem que você aplique estilos diferentes a porções específicas do conteúdo de texto. Cada objeto de intervalo contém:
| Propriedade | Tipo | Necessário | Exemplo | Faixa de Valores | Descrição |
|---|---|---|---|---|---|
| start | number | true | - | >= 0 | A posição inicial do caractere (inclusiva) onde este estilo deve ser aplicado. |
| end | number | true | - | > start | A posição final do caractere (exclusiva) onde este estilo deve terminar. |
| style | object | true | - | - | As substituições de estilo a serem aplicadas a este intervalo de texto. Quaisquer propriedades não especificadas herdarão do estilo base textStyle. |
O objeto textStyle define a estilização base que se aplica a todo o conteúdo de texto. Ao usar intervalos de texto rico, quaisquer propriedades de estilo não especificadas em um intervalo herdarão esses valores base.
| Propriedade | Tipo | Necessário | Exemplo | Faixa de Valores | Descrição |
|---|---|---|---|---|---|
| fill | string | true | - | - | A cor do texto, em formato hexadecimal. |
| fontSize | number | true | - | > 0 | O tamanho da fonte do texto, em pixels. |
| fontFamily | string | true | - | Arial, Helvetica, Times New Roman, Georgia, Verdana, Tahoma, Trebuchet MS, Impact, Comic Sans MS, Courier New | A família de fontes utilizada para o texto. |
| align | string | true | - | left, center, right, justify | O alinhamento do conteúdo de texto. |
| lineHeight | number | true | - | >= 0 | A altura da linha do conteúdo de texto, em pixels. |
| letterSpacing | number | true | - | - | O espaçamento entre caracteres no conteúdo de texto, em pixels. |
| wordSpacing | number | false | - | - | O espaçamento entre palavras no conteúdo de texto, em pixels. |
| fontWeight | string | false | - | normal, bold, 100, 200, 300, 400, 500, 600, 700, 800, 900 | O peso (espessura) da fonte. |
| fontStyle | string | false | - | normal, italic, oblique | O estilo da fonte. |
| textShadow | string | false | - | - | Valor da propriedade CSS text-shadow para efeitos de sombra adicionais. |
| underline | boolean | false | - | - | Indica se o conteúdo de texto tem decoração de sublinhado. |
| strikethrough | boolean | false | - | - | Indica se o conteúdo de texto tem decoração de tachado. |
| isBold | boolean | true | - | - | Indica se o conteúdo de texto é exibido em negrito. |
| isItalic | boolean | true | - | - | Indica se o conteúdo de texto é exibido em itálico. |
| shadowEnabled | boolean | true | - | - | Indica se um efeito shadow-sm é aplicado ao conteúdo de texto. |
| shadowColor | string | true | - | - | A cor do efeito shadow-sm, em formato hexadecimal. |
| shadowBlur | number | true | - | >= 0 | O raio de desfoque do efeito shadow-sm, em pixels. |
| shadowAlpha | number | true | - | 0 - 1 | O nível de transparência do efeito shadow-sm. 1 representa opacidade total e 0 representa transparência total. |
| shadowAngle | number | true | - | >= 0 | O ângulo do efeito shadow-sm, em radianos. |
| shadowDistance | number | true | - | >= 0 | A distância entre o conteúdo de texto e o efeito shadow-sm, em pixels. |
| stroke | string | true | - | - | A cor do efeito de contorno, em formato hexadecimal. |
| strokeWidth | number | true | - | >= 0 | A largura do efeito de contorno, em 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
}