Rendering Video

Referência de elementos

Elemento retângulo

1. Estrutura

interface RectClip extends BaseClip {
  type: "rect";
}

2. Bons casos de uso

Painéis de fundo
Fundos de barras informativas
Backplates para lower thirds
Máscaras de sobreposição
Separadores de seção

3. Campos comuns

Configuração mais frequente:

transform.width
transform.height
style.fill
style.stroke
style.strokeWidth
style.borderRadius

4. Exemplo

{
  "type": "rect",
  "start": 0.2,
  "duration": 5,
  "transform": {
    "x": "50%",
    "y": "86%",
    "width": "76%",
    "height": 120
  },
  "style": {
    "fill": "rgba(0, 0, 0, 0.72)",
    "borderRadius": 18
  }
}

Elemento de texto

Campos do clip de texto, opções tipográficas e comportamento do runtime

Elemento círculo

Campos do clip de círculo, opções de intervalo angular e comportamento do runtime

On this page

Elemento retângulo

2. Bons casos de uso

3. Campos comuns