Elemento LaTeX

Un elemento LaTeX renderiza fórmulas y expresiones matemáticas utilizando la sintaxis de LaTeX. Soporta el cambio de contenido basado en marcos con transiciones configurables.

Los elementos LaTeX comparten los campos comunes de Elemento Básico y Elemento de Vista.

Propiedades de LaTeX

Prop	Tipo	Requerido	Ejemplo	Rango de Valores	Descripción
type	string	true	-	LaTeX	El tipo del elemento. Para los elementos LaTeX, esto siempre es "LaTeX".
frames	array	true	-	-	Un array de marcos LaTeX. Cada marco define una expresión LaTeX para mostrar en un rango de tiempo específico.
displayMode	boolean	false	-	-	Si se debe renderizar en modo de visualización (nivel de bloque, centrado) o en modo en línea.
detail	number	false	-	-	El nivel de detalle de renderizado. Valores más altos producen curvas más suaves.
targetWidth	number	false	-	-	El ancho objetivo para el contenido LaTeX renderizado, en píxeles.
color	string	false	-	-	El color del texto LaTeX renderizado, en formato hexadecimal.

Objeto Frame

Cada elemento en el array frames define una expresión LaTeX y el rango de tiempo durante el cual se muestra:

Prop	Tipo	Requerido	Ejemplo	Rango de Valores	Descripción
latex	string	true	E = mc^2	-	La cadena de expresión LaTeX a renderizar.
start	number	true	-	>= 0	El tiempo de inicio de este marco relativo al elemento, en segundos.
end	number	true	-	> start	El tiempo de finalización de este marco relativo al elemento, en segundos. Debe ser mayor que el inicio.
transition	object	false	-	-	Efecto de transición al cambiar a este marco.
style	object	false	-	-	Sobrescrituras de estilo por marco para color, displayMode y targetWidth.

Objeto de Transición:

type (string) - Tipo de transición: 'fade', 'instant', o 'morph'. Predeterminado: 'instant'
duration (number) - Duración de la transición en segundos. Predeterminado: 0.5

Objeto de Estilo (sobrescrituras por marco):

color (string) - Sobrescribir el color a nivel de elemento para este marco
displayMode (boolean) - Sobrescribir el modo de visualización para este marco
targetWidth (number) - Sobrescribir el ancho objetivo para este marco

Ejemplo

LaTeX de Marco Único

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

Múltiples Marcos con Transiciones

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

Notas

Los elementos LaTeX utilizan renderizado vectorial para una salida nítida a cualquier escala.
El array frames debe contener al menos un marco con una cadena latex válida.
Los rangos de tiempo de los marcos (start a end) deben cubrir la duración del elemento para una visualización continua.
La transición morph crea una animación suave entre dos expresiones LaTeX.

Overview

Element

Effect