Skip to content

MarkCanvas

MarkCanvas<M>(__namedParameters): Element

Defined in: packages/react/src/MarkCanvas.tsx:192

What every view’s canvas shares: one mark per placed mark, drawn by renderer. Marks move to their new places when the view changes (instantly under reduced motion), and marks outside a selection dim. Both are CSS: a selection re-renders no marks. The SVG is one image to assistive technology, named and described by title and description; choosing a category is done from a Legend or CategoryList, which are keyboard reachable, and also by pointer on a mark. A live region announces the selection.

A view draws its own guides as background and its notes as foreground.

M extends PlacedMark

MarkCanvasProps<M>

Element