Référence des éléments

Élément rectangle

1. Structure

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

2. Bons cas d'usage

  • Panneaux d'arrière-plan
  • Fonds de barres d'information
  • Backplates de lower third
  • Masques de superposition
  • Séparateurs de section

3. Champs courants

Configuration la plus fréquente :

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

4. Exemple

{
  "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
  }
}