Configuration
Settings Panel
The Settings gear in the toolbar opens the configuration panel with:
- Runtime Ver — select Latest (auto), a pinned version, or Custom semver
- BG Color — canvas background color picker with NO BG reset
- Canvas Size — AUTO (fills viewport) or FIXED (explicit pixels)
- Pixels — width and height inputs with aspect-ratio LOCK
- About — opens the About window with build metadata and credits
For the script editor, supported config keys, APPLY behavior, internal vs editor live mode, and the window.riveInst surface, see Script Editor.
Renderer Selection
Choose between Canvas and WebGL2 in the toolbar. WebGL2 is recommended for vector feathering and complex animations.
Runtime Version
In Settings, choose Latest (auto), one of the latest four concrete versions, or Custom for manual semver input. The selected version is persisted per file and embedded in exports.
Layout
Fit and alignment are surfaced directly in the main toolbar:
| Fit | Behavior |
|---|---|
contain | Fit entirely within canvas, preserving aspect ratio |
cover | Fill canvas, cropping as needed |
fill | Stretch to fill (may distort) |
fitWidth | Match canvas width, overflow height |
fitHeight | Match canvas height, overflow width |
scaleDown | Only shrink if larger than canvas |
none | No scaling, original size |
layout | Rive layout mode |
Canvas Sizing
In Settings, switch between AUTO (canvas fills the viewport) andFIXED (explicit pixel width and height). When fixed, an aspect-ratio lock keeps dimensions proportional while editing. Fixed sizes carry through to exports and snippets.