{{ store.width }} x {{ store.height }}
upload Upload
upload Full crop Thumbnail
arrow_selector_tool Start Photographer arrow_selector_tool Slow 1s/page: {{ store.photographerSlow ? 'On' : 'Off' }}
{{ store.uploading ? 'Uploading...' : (store.complete ? 'Done' : '') }} {{ store.photographerRunning ? 'Photographer running...' : '' }}
upload Digitize

{{ store.filename || 'Drop an image onto the page.' }}

Drag the frame to move, corners to resize, top handle to rotate.

upload Choose image
Digitize reference

A Fancy title, with _formatting_.

{{ item.title }}

{{ definition.value }}
Create responsive stages that adapt to window resizing and handle interactive controls.
{{ store.loading ? 'Thinking...' : store.response }}

A very long description. A stage will adapt to its global size.

#playspace {
    height: 100%;
    width: 100%;
    border: solid 1px;
}

When resizing the page, the canvas element dimensions will change. The Stage will adapt after the resize event. An example of creating basic interactive controls. For these examples the page utilises "Petite Vue" for minimal HTML templating

The function addControl emits an event for the mini app to collect

Meta Data
title A Fancy title, with _formatting_.
imports ()
files ('stage', 'point')
unused_keys ()
unknown_keys ('tags', 'category')
tags ['example', 'another', 'beta', 'alpha']
category ['emitter']
filepath_exists True
path a-late
filepath a-late.js
clean_files ('../point_src/stage-hooks.js', '../point_src/stage-resize.js', '../point_src/functions/resolve.js', '../point_src/stage.js', '../point_src/pointpen.js', '../point_src/compass.js', '../point_src/center.js', '../point_src/point-content.js', '../point_src/pointdraw.js', '../point_src/relative-xy.js', '../point_src/pointcast.js', '../point_src/point.js')
Logger Install Logger {{ store.words }}
{{ store.errorText.message }}
{{ store.errorText.stackText }}