Élément LaTeX

Un élément LaTeX rend des formules et des expressions mathématiques en utilisant la syntaxe LaTeX. Il prend en charge le changement de contenu basé sur des cadres avec des transitions configurables.

Les éléments LaTeX partagent les champs communs de Élément de base et Élément de vue.

Propriétés LaTeX

Propriété	Type	Requis	Exemple	Plage de valeurs	Description
type	string	true	-	LaTeX	Le type de l'élément. Pour les éléments LaTeX, c'est toujours "LaTeX".
frames	array	true	-	-	Un tableau de cadres LaTeX. Chaque cadre définit une expression LaTeX à afficher à une plage de temps spécifique.
displayMode	boolean	false	-	-	Si le rendu doit être en mode d'affichage (niveau bloc, centré) ou en mode en ligne.
detail	number	false	-	-	Le niveau de détail du rendu. Des valeurs plus élevées produisent des courbes plus lisses.
targetWidth	number	false	-	-	La largeur cible pour le contenu LaTeX rendu, en pixels.
color	string	false	-	-	La couleur du texte LaTeX rendu, au format hexadécimal.

Objet Cadre

Chaque élément du tableau frames définit une expression LaTeX et la plage de temps pendant laquelle elle est affichée :

Propriété	Type	Requis	Exemple	Plage de valeurs	Description
latex	string	true	E = mc^2	-	La chaîne d'expression LaTeX à rendre.
start	number	true	-	>= 0	Le temps de début de ce cadre par rapport à l'élément, en secondes.
end	number	true	-	> start	Le temps de fin de ce cadre par rapport à l'élément, en secondes. Doit être supérieur au début.
transition	object	false	-	-	Effet de transition lors du passage à ce cadre.
style	object	false	-	-	Remplacements de style par cadre pour la couleur, le displayMode et la targetWidth.

Objet Transition :

type (string) - Type de transition : 'fade', 'instant', ou 'morph'. Par défaut : 'instant'
duration (number) - Durée de la transition en secondes. Par défaut : 0.5

Objet Style (remplacements par cadre) :

color (string) - Remplacer la couleur au niveau de l'élément pour ce cadre
displayMode (boolean) - Remplacer le mode d'affichage pour ce cadre
targetWidth (number) - Remplacer la largeur cible pour ce cadre

Exemple

LaTeX à Cadre Unique

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
    }
  ]
}

Multi-Cadre avec Transitions

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
      }
    }
  ]
}

Remarques

Les éléments LaTeX utilisent le rendu vectoriel pour une sortie nette à n'importe quelle échelle.
Le tableau frames doit contenir au moins un cadre avec une chaîne latex valide.
Les plages de temps des cadres (start à end) doivent couvrir la durée de l'élément pour un affichage continu.
La transition morph crée une animation fluide entre deux expressions LaTeX.

Overview

Element

Effect