Skip to content

WasmGPU.createAnnotation.toolkit().onStagingChange

Summary

WasmGPU.createAnnotation.toolkit().onStagingChange subscribes to staged-anchor updates during multi-step annotation creation. This is useful for preview UIs in distance/angle modes.

Syntax

WasmGPU.createAnnotation.toolkit().onStagingChange(listener: (mode: AnnotationMode, pending: readonly AnnotationAnchor[]) => void): () => void
const unsubscribe = toolkit.onStagingChange(listener);

Parameters

Name Type Required Description
listener (mode: AnnotationMode, pending: readonly AnnotationAnchor[]) => void Yes Callback invoked whenever staged anchors are added/cleared.

Returns

() => void - Unsubscribe function.

Example

const canvas = document.querySelector("canvas");
const wgpu = await WasmGPU.create(canvas);
const toolkit = wgpu.createAnnotation.toolkit({ canvas });

toolkit.onStagingChange((mode, pending) => {
    console.log(mode, pending.length);
});
toolkit.setMode("angle");

See Also