Dimension line

A dimension line between two points, like a technical drawing: end ticks and arrowheads, the line drawing out from its middle and the measurement on a pill at the centre.

annotate/measure
Annotate
callout
Overlay with alpha
3 s (1.5–12 s)

Dimension line at 16:9 — Playing live with volito/browser, the engine a render uses. Each tab lays the item out again for that shape, not a crop. The graphic is transparent; the grey stands in for your footage.

Render it

npx volito render annotate/measure --prop label="146.7 mm" --out measure.mov

That writes ProRes 4444 with alpha, ready to drop over footage. The same item in another shape, brand or format:

volito render annotate/measure --aspect 9:16 --style cobalt --out measure-9x16.mov
volito render annotate/measure --format mp4 --out measure.mp4
volito still annotate/measure --t 1.5 --out measure.png
volito info annotate/measure     # every prop and part
volito add annotate/measure      # copy its source into ./motion to edit

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("annotate/measure"), { props: { label: "146.7 mm" }, out: "measure.mov" });

Or ask an agent with the MCP server connected: “Render the Volito dimension line (annotate/measure) in 9:16, in our brand.”

Props

Set each with --prop name=value, or all at once with --props and a JSON object.

Prop	Type	Default	Takes
`x1` Start across (%)	number	30	0 – 100
`y1` Start down (%)	number	62	0 – 100
`x2` End across (%)	number	70	0 – 100
`y2` End down (%)	number	62	0 – 100
`label` Measurement	text	146.7 mm	≤ 20 chars
`dashed`	boolean	false	—
`color` Colour empty: the brand's colour	color	—	—

Parts

Each part takes any move, ease or idle: --motion line.in=pop.

Part	What it is
`line`	the line, ticks and arrowheads
`label`	the measurement

Tags: measure, dimension, size, distance, spec

Dimension line

Render it

Props

Parts

More in Annotate

Arrow

Circle it

Spotlight

Focus lock

Highlight

Stamp