Canvas raster

Find it in the repository

Collector source

core/signals/canvas/raster.ts

Export

measurementModule · Signal object

Field definitions

core/definitions/canvas/raster.ts

Capture membership

Product capture · common/capture/product.ts

Page registration

app/signals/registry.ts

Field projection

core/results/measurement.ts

Execution contract

Signal

canvas.raster

Collector

canvas.raster

API / surface

core/signals/canvas/raster.ts

Timeout

500 ms

Companion signals

None

Fixture inputs

Declared requests (listed below)

[
  {
    "key": "canvas.raster.default",
    "inputs": {
      "width": 192,
      "height": 64,
      "colorSpace": "srgb",
      "background": "#f3a542",
      "text": "Introspection Aa Ω 😀",
      "font": "17px sans-serif",
      "textColor": "#173b83",
      "textPosition": [
        4,
        23
      ],
      "baseline": "alphabetic",
      "align": "left",
      "direction": "ltr",
      "composite": "multiply",
      "circles": [
        [
          50,
          44,
          18,
          "#ff3366"
        ],
        [
          78,
          44,
          18,
          "#33cc99"
        ],
        [
          106,
          44,
          18,
          "#6633ff"
        ]
      ],
      "fillRects": [
        [
          0,
          0,
          10,
          10
        ],
        [
          2,
          2,
          6,
          6
        ]
      ],
      "fillPoint": [
        5,
        5
      ]
    },
    "controls": {}
  }
]

One collector runs per invocation. Results and JSON select this signal’s fields; any companions execute in the same collector.

Generated source manifest lists runtime files, fixture URLs and content digests for this build. The Source tab provides a copyable console sample.

Run and edit locally

From the repository root, start the Astro app, then open /signals/canvas.raster. Edit the collector source and reload the page to load its new build.

pnpm run dev:web

In a browser module served by this repository’s Vite graph:

import { createCollector } from "/core/collect"
import { measurementModule } from "/core/signals/canvas/raster"

const signal = measurementModule
const collector = createCollector()
const suite = { signals: [signal] }
const result = await collector.collect(suite)

Reuse the collector owner for repeated calls so collection can enforce cleanup. This returns the collector’s raw result; app/signals/projection.ts selects the retained fields shown on this page.

rg -n 'measurementModule' core app tests
pnpm run check
pnpm run test tests/unit/app/focused-projection.test.ts