| Prop | Tipo | Requerido | Ejemplo | Rango de Valores | Descripción |
|---|---|---|---|---|---|
| content | string | true | - | - | El contenido de texto mostrado por el elemento. |
| textStyle | object | true | - | - | Las opciones de estilo base para el contenido de texto, incluyendo fuente, color, sombra y configuraciones de trazo. Esto sirve como el estilo predeterminado para todo el texto. |
| ranges | array | false | - | - | Rangos de formato de texto enriquecido que permiten aplicar diferentes estilos a porciones específicas del contenido de texto. Cada rango define una posición de inicio, una posición de fin y sobreescrituras de estilo. |
| bgColor | string | false | - | - | El color de fondo del elemento de texto, en formato hexadecimal. |
| bgAlpha | number | false | - | 0 - 1 | El nivel de transparencia del fondo del texto. 1 representa opacidad total y 0 representa transparencia total. |
| bgRadius | number | false | - | - | El radio de esquina del fondo del texto, en píxeles. |
Los rangos de texto enriquecido te permiten aplicar diferentes estilos a porciones específicas del contenido de texto. Cada objeto de rango contiene:
| Prop | Tipo | Requerido | Ejemplo | Rango de Valores | Descripción |
|---|---|---|---|---|---|
| start | number | true | - | >= 0 | La posición de carácter de inicio (inclusiva) donde se debe aplicar este estilo. |
| end | number | true | - | > start | La posición de carácter de fin (exclusiva) donde este estilo debe finalizar. |
| style | object | true | - | - | Las sobreescrituras de estilo que se aplicarán a este rango de texto. Cualquier propiedad no especificada heredará del textStyle base. |
El objeto textStyle define el estilo base que se aplica a todo el contenido de texto. Al utilizar rangos de texto enriquecido, cualquier propiedad de estilo no especificada en un rango heredará estos valores base.
| Prop | Tipo | Requerido | Ejemplo | Rango de Valores | Descripción |
|---|---|---|---|---|---|
| fill | string | true | - | - | El color del texto, en formato hexadecimal. |
| fontSize | number | true | - | > 0 | El tamaño de fuente del texto, en píxeles. |
| fontFamily | string | true | - | Arial, Helvetica, Times New Roman, Georgia, Verdana, Tahoma, Trebuchet MS, Impact, Comic Sans MS, Courier New | La familia de fuentes utilizada para el texto. |
| align | string | true | - | left, center, right, justify | La alineación del contenido de texto. |
| lineHeight | number | true | - | >= 0 | La altura de línea del contenido de texto, en píxeles. |
| letterSpacing | number | true | - | - | El espaciado entre caracteres en el contenido de texto, en píxeles. |
| wordSpacing | number | false | - | - | El espaciado entre palabras en el contenido de texto, en píxeles. |
| fontWeight | string | false | - | normal, bold, 100, 200, 300, 400, 500, 600, 700, 800, 900 | El peso (grosor) de la fuente. |
| fontStyle | string | false | - | normal, italic, oblique | El estilo de la fuente. |
| textShadow | string | false | - | - | Valor de la propiedad CSS text-shadow para efectos de sombra adicionales. |
| underline | boolean | false | - | - | Indica si el contenido de texto tiene decoración de subrayado. |
| strikethrough | boolean | false | - | - | Indica si el contenido de texto tiene decoración de tachado. |
| isBold | boolean | true | - | - | Indica si el contenido de texto se muestra en negrita. |
| isItalic | boolean | true | - | - | Indica si el contenido de texto se muestra en cursiva. |
| shadowEnabled | boolean | true | - | - | Indica si se aplica un efecto de sombra-sm al contenido de texto. |
| shadowColor | string | true | - | - | El color del efecto de sombra-sm, en formato hexadecimal. |
| shadowBlur | number | true | - | >= 0 | El radio de desenfoque del efecto de sombra-sm, en píxeles. |
| shadowAlpha | number | true | - | 0 - 1 | El nivel de transparencia del efecto de sombra-sm. 1 representa opacidad total y 0 representa transparencia total. |
| shadowAngle | number | true | - | >= 0 | El ángulo del efecto de sombra-sm, en radianes. |
| shadowDistance | number | true | - | >= 0 | La distancia entre el contenido de texto y el efecto de sombra-sm, en píxeles. |
| stroke | string | true | - | - | El color del efecto de trazo, en formato hexadecimal. |
| strokeWidth | number | true | - | >= 0 | El ancho del efecto de trazo, en píxeles. |
{
"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
}