Elemento LaTeX

Um elemento LaTeX renderiza fórmulas e expressões matemáticas usando a sintaxe LaTeX. Ele suporta a troca de conteúdo baseada em quadros com transições configuráveis.

Os elementos LaTeX compartilham os campos comuns do Elemento Básico e Elemento de Visualização.

Propriedades do LaTeX

Propriedade	Tipo	Necessário	Exemplo	Faixa de Valores	Descrição
type	string	true	-	LaTeX	O tipo do elemento. Para elementos LaTeX, isso é sempre "LaTeX".
frames	array	true	-	-	Um array de quadros LaTeX. Cada quadro define uma expressão LaTeX a ser exibida em um intervalo de tempo específico.
displayMode	boolean	false	-	-	Se renderizar em modo de exibição (nível de bloco, centralizado) ou em modo inline.
detail	number	false	-	-	O nível de detalhe da renderização. Valores mais altos produzem curvas mais suaves.
targetWidth	number	false	-	-	A largura alvo para o conteúdo LaTeX renderizado, em pixels.
color	string	false	-	-	A cor do texto LaTeX renderizado, em formato hex.

Objeto Frame

Cada item no array frames define uma expressão LaTeX e o intervalo de tempo durante o qual ela é exibida:

Propriedade	Tipo	Necessário	Exemplo	Faixa de Valores	Descrição
latex	string	true	E = mc^2	-	A string da expressão LaTeX a ser renderizada.
start	number	true	-	>= 0	O tempo de início deste quadro em relação ao elemento, em segundos.
end	number	true	-	> start	O tempo de término deste quadro em relação ao elemento, em segundos. Deve ser maior que o início.
transition	object	false	-	-	Efeito de transição ao mudar para este quadro.
style	object	false	-	-	Substituições de estilo por quadro para cor, displayMode e targetWidth.

Objeto de Transição:

type (string) - Tipo de transição: 'fade', 'instant', ou 'morph'. Padrão: 'instant'
duration (number) - Duração da transição em segundos. Padrão: 0.5

Objeto de Estilo (substituições por quadro):

color (string) - Substitui a cor em nível de elemento para este quadro
displayMode (boolean) - Substitui o modo de exibição para este quadro
targetWidth (number) - Substitui a largura alvo para este quadro

Exemplo

LaTeX de Quadro Ú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últiplos Quadros com Transições

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

Os elementos LaTeX usam renderização vetorial para saída nítida em qualquer escala.
O array frames deve conter pelo menos um quadro com uma string latex válida.
Os intervalos de tempo do quadro (start a end) devem cobrir a duração do elemento para exibição contínua.
A transição morph cria uma animação suave entre duas expressões LaTeX.

Overview

Element

Effect