003 /Lab
DitherImage
Runtime ordered dithering on a canvas: cell size, pattern, curve, colour.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| src / alt | string | – | Image and accessible name. Empty alt marks it decorative. |
| cellSize | number | 3 | One dither cell in CSS px. |
| pattern | bayer8 | bayer4 | halftone | bayer8 | Threshold matrix. |
| curve | {gamma, contrast, bias} | {1, 1, 0} | Threshold curve applied to brightness. |
| colour | mono | green | green-deep | mono | Two-colour palette. |
| channel | luma | stone | luma | stone = min(r,g,b): saturated green falls to dark. |
| focus | {x,y} | {.5,.5} | Cover-fit focus point. |
| reveal | boolean | false | Resolve from dark on first paint. Skipped under reduced motion. |