size and shape
Sizing, crops and transparent faces.
size
size takes a number in pixels or any CSS length. The canvas backing store is the rendered size times devicePixelRatio, and repaints when it grows or the browser zoom changes. To fill a container, use size="100%".
shape
circle (the default for components), squircle, rounded or square. Server images default to square; other shapes are transparent outside the crop.
background
background={false} draws only the face: no backdrop, no pencil guides, no crop, transparent everywhere else. It works in every look.
A colour puts the face on that colour instead of its paper, cropped to its shape. Components take any CSS colour, set as the element's own background, so changing it never repaints. Images, the server and the CLI paint it in and take anything canvas reads: hex, rgb(), hsl(), or a name.
<Glorpie name={user.id} background="#ffe9a8" />