@penkit/adapter-canvas

Canvas 2D adapter for PenKit.

It implements the same neutral PenHostAdapter contract as the SVG adapter and uses BrushRenderHints for renderer-level differences:

• pencil: clipped graphite hatching/dots over a faint base fill
• fountain: pressure outline plus multiply wet-ink center shading
• ballpoint: faint outline plus dashed centerline grain
• marker: segmented source-over fills so overlaps accumulate
• highlighter: multiply compositing

import { CanvasPenAdapter } from "@penkit/adapter-canvas";

const canvas = document.querySelector("canvas")!;
const adapter = new CanvasPenAdapter(canvas);

adapter.brushCapabilities declares the BrushRenderHints the Canvas renderer handles directly. Use core's supportsBrushRenderHints helper when choosing between renderers or falling back for a custom brush.