aurum-canvas

Aurum style scene graph management for rendering in canvas
Depends on aurum.js

Allows creating canvas drawings using familar concepts from Aurum.js
Supports data sources for all attributes and dynamic scene graphs with array data sources

``






{name}



`

Create canvas components just the way you create any aurum component:

`
function Triangle(props: { x: number; y: number }) {
const { x, y } = props;

return (





);
}

`


Reuse components that weren't even intended for use in the canvas:
`










`

Declarative animation and interaction support
`

onMouseDown={(e, target) => {
state.update('highlight');
}}
state={state}
strokeColor="red"
x={0}
y={0}
width={30}
height={30}
>




``