Overview

ทรัพย์สิน	ประเภท	จำเป็น	ตัวอย่าง	ช่วงค่า	คำอธิบาย
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	รัศมี blur-sm ของเอฟเฟกต์ 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	-	-	สีของเอฟเฟกต์ stroke ในรูปแบบฮีซ
strokeWidth	number	true	-	>= 0	ความกว้างของเอฟเฟกต์ stroke ในพิกเซล

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
}