文本元素

属性	类型	必需	示例	值范围	描述
content	string	true	-	-	元素显示的文本内容。
textStyle	object	true	-	-	文本内容的基础样式选项，包括字体、颜色、阴影和轮廓设置。这作为所有文本的默认样式。
ranges	array	false	-	-	允许对文本内容的特定部分应用不同样式的富文本格式范围。每个范围定义一个起始位置、结束位置和样式覆盖。
bgColor	string	false	-	-	文本元素的背景颜色，采用十六进制格式。
bgAlpha	number	false	-	0 - 1	文本背景的透明度级别。1 表示完全不透明，0 表示完全透明。
bgRadius	number	false	-	-	文本背景的圆角半径，单位为像素。

富文本范围

富文本范围允许您对文本内容的特定部分应用不同的样式。每个范围对象包含：

属性	类型	必需	示例	值范围	描述
start	number	true	-	>= 0	应用此样式的起始字符位置（包含）。
end	number	true	-	> start	此样式结束的结束字符位置（不包含）。
style	object	true	-	-	应用于此文本范围的样式覆盖。任何未指定的属性将从基础 textStyle 继承。

文本样式（基础样式）

textStyle 对象定义适用于所有文本内容的基础样式。当使用富文本范围时，任何未在范围中指定的样式属性将继承这些基础值。

属性	类型	必需	示例	值范围	描述
fill	string	true	-	-	文本颜色，采用十六进制格式。
fontSize	number	true	-	> 0	文本的字体大小，单位为像素。
fontFamily	string	true	-	Arial, Helvetica, Times New Roman, Georgia, Verdana, Tahoma, Trebuchet MS, Impact, Comic Sans MS, Courier New	用于文本的字体系列。
align	string	true	-	left, center, right, justify	文本内容的对齐方式。
lineHeight	number	true	-	>= 0	文本内容的行高，单位为像素。
letterSpacing	number	true	-	-	文本内容中字符之间的间距，单位为像素。
wordSpacing	number	false	-	-	文本内容中单词之间的间距，单位为像素。
fontWeight	string	false	-	normal, bold, 100, 200, 300, 400, 500, 600, 700, 800, 900	字体的粗细（厚度）。
fontStyle	string	false	-	normal, italic, oblique	字体的样式。
textShadow	string	false	-	-	用于额外阴影效果的 CSS text-shadow 属性值。
underline	boolean	false	-	-	指示文本内容是否具有下划线装饰。
strikethrough	boolean	false	-	-	指示文本内容是否具有删除线装饰。
isBold	boolean	true	-	-	指示文本内容是否以粗体显示。
isItalic	boolean	true	-	-	指示文本内容是否以斜体显示。
shadowEnabled	boolean	true	-	-	指示文本内容是否应用了 shadow-sm 效果。
shadowColor	string	true	-	-	shadow-sm 效果的颜色，采用十六进制格式。
shadowBlur	number	true	-	>= 0	shadow-sm 效果的模糊半径，单位为像素。
shadowAlpha	number	true	-	0 - 1	shadow-sm 效果的透明度级别。1 表示完全不透明，0 表示完全透明。
shadowAngle	number	true	-	>= 0	shadow-sm 效果的角度，单位为弧度。
shadowDistance	number	true	-	>= 0	文本内容与 shadow-sm 效果之间的距离，单位为像素。
stroke	string	true	-	-	轮廓效果的颜色，采用十六进制格式。
strokeWidth	number	true	-	>= 0	轮廓效果的宽度，单位为像素。

textElement.json

{
"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
}

Overview

Element

Effect

文本元素

富文本范围

文本样式（基础样式）