SolvProb — Custom Website & App Engineering

Canvas Notes Pro - Images, Drawing, Categories, Persistence

Canvas Notes Pro

Everything is saved to local storage automatically and can also be exported to JSON.
Drawing now supports smooth strokes, eraser, undo, and persistent redraw.
Each card has a category and priority for easier arranging and filtering.
Use Arrange by Type or Arrange by Category to auto-organize the canvas.
Use Snap to place items neatly on the grid while dragging.
Click a card, then Shift+Click more cards for multi-select. Apply a category from the side panel.
Click 🔗 on two notes to connect them. Click again to disconnect.
Keyboard: Delete removes selected notes, Ctrl/Cmd+S exports JSON, Esc clears selection.

NoteTaking

Canvas Notes Pro organizes text, checklists, images, timers and drawings with pan/zoom, search, categories, browser-local persistence, and JSON export.

What this tool does

NoteTaking is the compact Canvas Notes Pro variant: a local canvas for text notes, checklists, image notes, areas, timers, and freehand drawings. Use pan, zoom, search, categories, and selection tools to organize the board.

Who this is for

People who want a compact visual note board
Teams organizing lightweight tasks and references locally
Users comparing this variant with the larger Most Simple Note2 workspace

How to use this tool

Add a note, checklist, image, area, timer, or drawing
Drag headers to move notes, use Shift+Click for multi-select, and drag the canvas to pan
Use zoom, search, categories, drawing controls, and item actions to manage the board
Save locally or export the board as JSON for a manual backup

Inputs

Inputs include note and checklist content, local images, area and timer values, categories, search terms, drawing settings, and canvas item position, size, and selection.

Outputs

The page maintains an interactive canvas and browser-local state. JSON export provides a portable board snapshot; images can be embedded in the serialized data and increase its size.

Example use cases

Keep a compact project board with notes and checklists
Annotate a reference image or sketch with freehand marks
Compare a lightweight Canvas Notes Pro workflow with the larger note variant

Explore more SolvProb tools

Frequently asked questions

How do I add and move a note?

Use the add controls to create an item, then drag its header. Shift+Click can select multiple items, and dragging the background pans the canvas.

Can I import an image?

Yes. Image notes read local files in the browser. The image data may be embedded in saved or exported board state.

Where is saved data stored?

Saved data is kept in this browser’s localStorage. It is not synced to an account or server and can be lost when site data is cleared.

Why are NoteTaking and Most Simple Note2 similar?

They are separate Canvas Notes Pro variants with overlapping tools and persistence behavior. Choose the layout that fits your workflow and keep JSON backups.

Need a custom tool built for your business?

SolvProb builds custom web apps, automation tools, and interactive experiences tailored to your workflow.

Talk to SolvProb →