文字元素

屬性	類型	必要	範例	值範圍	描述
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

文字元素

富文本範圍

文本樣式（基本樣式）