Rendering Video

Referencia de elementos

Elemento rectángulo

1. Estructura

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

2. Casos de uso adecuados

Paneles de fondo
Fondos de barras informativas
Backplates para lower thirds
Máscaras de superposición
Separadores de sección

3. Campos comunes

Configuración más habitual:

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

4. Ejemplo

{
  "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 del clip de texto, opciones tipográficas y comportamiento del runtime

Elemento círculo

Campos del clip de círculo, opciones de rango angular y comportamiento del runtime

On this page

Elemento rectángulo

2. Casos de uso adecuados

3. Campos comunes