LaTeX要素

LaTeX要素は、LaTeX構文を使用して数学的な式や表現をレンダリングします。構成可能なトランジションを使用したフレームベースのコンテンツ切り替えをサポートしています。

LaTeX要素は、基本要素およびビュー要素からの共通フィールドを共有します。

LaTeXプロパティ

プロパティ	タイプ	必須	例	値の範囲	説明
type	string	true	-	LaTeX	要素のタイプ。LaTeX要素の場合、これは常に「LaTeX」です。
frames	array	true	-	-	LaTeXフレームの配列。各フレームは、特定の時間範囲で表示するLaTeX式を定義します。
displayMode	boolean	false	-	-	表示モード（ブロックレベル、中央揃え）またはインラインモードでレンダリングするかどうか。
detail	number	false	-	-	レンダリングの詳細レベル。高い値は滑らかな曲線を生成します。
targetWidth	number	false	-	-	レンダリングされたLaTeXコンテンツのターゲット幅（ピクセル単位）。
color	string	false	-	-	レンダリングされたLaTeXテキストの色（16進数形式）。

フレームオブジェクト

frames配列の各アイテムは、LaTeX式とそれが表示される時間範囲を定義します：

プロパティ	タイプ	必須	例	値の範囲	説明
latex	string	true	E = mc^2	-	レンダリングするLaTeX式の文字列。
start	number	true	-	>= 0	要素に対するこのフレームの開始時間（秒単位）。
end	number	true	-	> start	要素に対するこのフレームの終了時間（秒単位）。開始時間より大きくする必要があります。
transition	object	false	-	-	このフレームに切り替えるときのトランジション効果。
style	object	false	-	-	色、displayMode、およびtargetWidthのフレームごとのスタイルオーバーライド。

トランジションオブジェクト：

type (string) - トランジションタイプ：'fade'、'instant'、または'morph'。デフォルト：'instant'
duration (number) - トランジションの持続時間（秒）。デフォルト：0.5

スタイルオブジェクト（フレームごとのオーバーライド）：

color (string) - このフレームの要素レベルの色をオーバーライド
displayMode (boolean) - このフレームの表示モードをオーバーライド
targetWidth (number) - このフレームのターゲット幅をオーバーライド

例

シングルフレームLaTeX

latexElement.json

 
{
  "id": "latex-001",
  "type": "LaTeX",
  "start": 0,
  "duration": 5,
  "trackIndex": 0,
  "x": 200,
  "y": 300,
  "width": 400,
  "height": 100,
  "anchorX": 200,
  "anchorY": 50,
  "rotation": 0,
  "scaleX": 1,
  "scaleY": 1,
  "alpha": 1,
  "color": "#000000",
  "displayMode": true,
  "targetWidth": 400,
  "frames": [
    {
      "latex": "E = mc^2",
      "start": 0,
      "end": 5
    }
  ]
}

トランジション付きマルチフレーム

latexMultiFrame.json

 
{
  "id": "latex-002",
  "type": "LaTeX",
  "start": 0,
  "duration": 10,
  "trackIndex": 0,
  "x": 200,
  "y": 300,
  "width": 500,
  "height": 120,
  "anchorX": 250,
  "anchorY": 60,
  "rotation": 0,
  "scaleX": 1,
  "scaleY": 1,
  "alpha": 1,
  "color": "#1a1a1a",
  "displayMode": true,
  "targetWidth": 500,
  "frames": [
    {
      "latex": "f(x) = ax^2 + bx + c",
      "start": 0,
      "end": 5,
      "transition": {
        "type": "fade",
        "duration": 0.5
      }
    },
    {
      "latex": "x = \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}",
      "start": 5,
      "end": 10,
      "transition": {
        "type": "morph",
        "duration": 0.8
      }
    }
  ]
}

注意事項

LaTeX要素は、任意のスケールで鮮明な出力を得るためにベクターレンダリングを使用します。
frames配列には、有効なlatex文字列を持つフレームが少なくとも1つ含まれている必要があります。
フレームの時間範囲（startからend）は、要素の持続時間をカバーする必要があります。
morphトランジションは、2つのLaTeX式の間でスムーズなアニメーションを作成します。

Overview

Element

Effect