@dxos/gem-canvas v2.2.1-beta.11

Canvas Editor

A light-weight diagram editor using D3 and SVG.

Testing

yarn storybook

NOTE: Performance is slow if the browser Devtools are open.

Bugs

• Select/cut.
• Object order.
• Default style.

Milestones

• Abstract model.
• Embed within document.
• App + CRDT model.

Features

• Connect handles for links.
• Drag to select (and cut).
• Fractions for user space coordinates (just round to nearest unit?)
• Path connection points.
• Object Properties (arrows, curves); vector of points (shape-specific properties).
• Multi-select and move.
• Layout data structure (separate from data).
• Load/save SVG.
• Animate between scenes (different level of detail, layout: e.g., simulation within node).
• Data properties editor (DxOS app).

Done

• Text
• Drag to create.
• Separate monorepo.
• Snap doesn't work when zoomed.
• Paths.
• Toolbar (shape, color)
• Shapes rect/circle.
• Move drag handler to objects (from controller).
• Objects with layout/renderer, selection.
• Key shortcuts.
• Create object.
• Delete.
• Copy/paste.

Refs

• https://github.com/romsson/d3-gridding