テキスト要素

プロパティ	タイプ	必須	例	値の範囲	説明
content	string	true	-	-	要素によって表示されるテキストコンテンツ。
textStyle	object	true	-	-	テキストコンテンツの基本スタイリングオプション、フォント、色、影、ストローク設定を含む。これはすべてのテキストのデフォルトスタイルとして機能します。
ranges	array	false	-	-	テキストコンテンツの特定の部分に異なるスタイルを適用できるリッチテキストフォーマット範囲。各範囲は開始位置、終了位置、およびスタイルのオーバーライドを定義します。
bgColor	string	false	-	-	テキスト要素の背景色、16進数形式。
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	-	-	テキストの色、16進数形式。
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効果の色、16進数形式。
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	-	-	ストローク効果の色、16進数形式。
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

テキスト要素

リッチテキスト範囲

テキストスタイル（ベーススタイル）