Canvas Timeline
Interface

KeyframeCurveInteractionLayerProps

Props for the delegated Bezier curve interaction layer.

Signature

Type Definition
Interface KeyframeCurveInteractionLayerProps

Properties

NameSignatureDescription
collapsedTrackHeight?collapsedTrackHeight?: numberCollapsed track height in pixels.
curveHandleSize?curveHandleSize?: numberBezier control handle square size in CSS pixels.
edgeThreshold?edgeThreshold?: numberMouse/pen edge hit threshold in pixels.
getCurveHandleAriaLabel?(handle: TimelineKeyframeCurveHandleHitTestResult): stringOptional accessible label formatter for a canvas-rendered curve handle.
hitPadding?hitPadding?: numberInvisible pointer padding in CSS pixels added around each Bezier handle. Presses inside the padded area target the curve handle instead of falling through to lower interaction layers such as the clip layer. Defaults to 8.
keyframeSize?keyframeSize?: numberKeyframe affordance square size in CSS pixels.
keyframeValuePadding?keyframeValuePadding?: numberVertical padding used when mapping keyframe values into a clip row.
onCurveHandleDoubleClick?(handle: TimelineKeyframeCurveHandle, details: KeyframeCurveHandleDoubleClickDetails): voidOptional handler for double-click or double-tap gestures on curve handles.
overscanPixels?overscanPixels?: numberExtra pixels around the viewport included in visible curve queries.
property?property?: "opacity"Keyframe property to render and hit-test. Defaults to opacity.
rulerHeight?rulerHeight?: numberHeight of the top ruler region in pixels.
selectedClipOnly?selectedClipOnly?: booleanOnly render curve handles owned by selected clips. Defaults to true.
selectedKeyframeOnly?selectedKeyframeOnly?: booleanOnly render curve handles touching selected keyframes. Defaults to true.
touchEdgeThreshold?touchEdgeThreshold?: numberTouch edge hit threshold in pixels.
trackHeight?trackHeight?: numberDefault expanded track height in pixels.