Solstice Field Almanac

Checking canvas support…

High Meadow Seed Library presents

The Solstice Field Almanac

Every poster on this wall is real, live HTML — forms, timetables and tickets — developed into canvas with the WICG HTML-in-Canvas API.

Browse the seed wall How the printing works

Tab through this page: every canvas control is a real button or field. Canvases never trap focus.

Fig. A — the fair ticket, drawn live from HTML into 2D canvas

Paint events: 0

changedElements: —

01

The seed wall

2D canvas · paint loop · four draw overloads · nested drawables

Packets (live HTML, drawable)

Overloads used: 3-arg, 5-arg, source-crop 9-arg, detail 7-arg. “You” is a nested drawable drawn with its own call.

02

Paper sizes & grains

grid vs CSS px · DPR-crisp sizing · default-size readout

Measure the paper

—

Grid px = canvas.width/height and draw args. CSS px = source rects, transforms, clips. Texture px = GPU size. Device px = devicePixelContentBoxSize.

03

The tilted noticeboard

WebGL upload · manual geometry · clip · hit-test order

Pin & order the notices

—

2D syncs geometry for you; WebGL does not — every placement here calls updateElementGeometry by hand.

04

The night vault

WebGPU texture · read-back rules · graceful fallback

Lantern ticket

Starting WebGPU…

Withheld from snapshots: cross-origin pixels, visited links, spellcheck, autofill, subpixel AA. Allowed: caret blink, forced-colors, scrollbars.

05

The post room

workers · ElementImage transfer · batched geometry

Send a stamp by worker

Worker idle.

elementgeometryupdate: —

06

Care & fallback

accessibility · focus · detection · degraded paper

What this browser can do

    Try the care rules

    —

    Focus and carets paint inside snapshots. Hidden views go inert. Reduced motion disables the clock and confetti.