Interactive Ink Canvas - Stroke Playback

Stroke playback / animation

canvas.playback replays a recorded set of strokes on the canvas, honoring the timing they were originally drawn with.

Each stroke is fed to the canvas at the moment it was originally drawn (scaled by the selected speed), instead of appearing all at once like a plain import.

Use case: tutorials, content review, or demos where replaying how something was written matters as much as the end result.

Controls: Play starts the replay, Pause/Resume toggles mid-playback, Stop cancels remaining strokes, and the speed selector changes pacing — live, even while playing.

Show strokes reveals the raw stroke data being replayed — edit the JSON, then click Play to replay your modified strokes instead.