SimpleCanvas — Quick Sketches

Shape library

Replace uses the selected canvas objects. Library edits do not change placed shapes.

Library changes last for this visit. Export to keep them; import the file next time.

For automatic import place the exported file next to index.html as shapes-library.json (via FTP).

Pick a size

6 px

Changes aren't being saved automatically. Save a workspace file before leaving.

Pick a tool and start sketching.
Saved automatically · paste or drop an image · ⌘/Ctrl+Z to undo

Shape name

Add smart shape

A smart shape is a container whose visible content is generated by a script you write. Its own Fill/Stroke/Stroke-width/Text-color are set the normal way; the script decides which of its children use them.

Template:

Name

Script (a JS expression evaluating to {children(state,style,w,h){...}, initState(){...}, hitEdit, dragEdit})

Add icon

Only permissive licenses (MIT, Apache, ISC, BSD, CC0)

Review simplified import

Original icon — Original

Simplified icon — After import

Icons via Iconify — each icon set keeps its own license, shown below each icon.

Open sketch from workspace

This file contains several sketches — pick one to open.

Print sketch

Scale

Paper

Orientation

Margins (mm)

Overlap (mm)

Include alignment marks

Include a 50 mm reference mark

Preparing snapshot…

Print anyway at 100% and clip to the printable area

Pages run left to right, then top to bottom. Trim the margins and join neighbouring sheets. Overlap and matching alignment marks help you line them up. All sheets print at 100%.

In the browser print dialog, use the same paper and orientation, 100% / Actual size, no additional margins, and headers and footers off. The preview already includes your margins and any Fit to page scaling.