Support

weave-svg help

Instructions for drawing, editing, organising, and preserving projects with weave-svg.

Create or import

Start with a blank artboard, a preset size, or an SVG file. You can also embed PNG, JPEG, and WebP images from your device.

Draw and edit

Use selection, shapes, text, pencil, and pen tools. Drag handles to transform objects and switch to nodes to refine paths.

Shapes and nodes

The small arrow beside a tool opens related tools. Common shapes includes basic shapes, arrows, flowcharts, callouts, and ribbons. Edit nodes converts rectangles, ellipses, and polygons into paths. Select a node to add or delete nodes, choose corner, smooth, or symmetrical nodes, and convert segments into lines or curves. Drag handles to adjust curvature; hold Alt to move a handle independently.

Pages and layers

Add a page with the + button beneath the artboard. The Layers panel lets you duplicate, rename, reorder, and delete pages and layers. New objects belong to the active layer. Use destination selectors to move objects between pages and layers, or drag an object in the list onto a layer. Hide or lock a layer to protect its contents.

Gradients and shadows on the artboard

Select an object and choose Interactive gradient: drag its endpoints to change direction and spread. Choose colors and a linear or radial fill in Properties. With Interactive shadow, the square controls the offset and the diamond controls blur. Each adjustment can be undone.

Organise the artwork

Group, align, and arrange objects. The Layers panel controls names, visibility, locking, and stacking order.

Export and keep

Download SVG to preserve vectors or PNG, JPEG, and WebP for an image. Export the weave-svg project to continue editing it.

Tools and selection

The arrow selects and transforms objects. Node selection edits path points. Shapes, text, pencil, and pen tools create new elements; a drag below the minimum threshold is ignored to prevent accidental objects.

Right-click, or touch and hold, opens relevant actions. Properties change with the selection and accept only values supported by the object.

Keyboard shortcuts

Ctrl/Cmd + Z: Undo the latest change
Ctrl/Cmd + Shift + Z: Redo the change
Arrow keys: Move the selection by 1 pixel
Shift + arrow keys: Move the selection by 10 pixels
Shift while transforming: Keep proportions or constrain the angle
Escape: Cancel the gesture or close the topmost surface

Project and exported files

A weave-svg project preserves the editable scene and embedded resources. SVG retains shapes and paths; PNG, JPEG, and WebP produce a raster image at the chosen size.

Local data and offline use

Projects and versions belong to the browser profile. After offline preparation you can keep working without a connection, but you should still download backups of important work.

Essential glossary

Artboard: The document area included in the exported file.
Path: A shape made from straight or curved segments.
Node: A point that defines the geometry of a path.
Handle: A control that determines direction and curvature near a node.
Fill: The colour, transparency, or gradient inside a shape.
Stroke: The line that follows the edge of a shape or path.
Layer: A container for objects within a page, with its own order, visibility and locking.
Snapping: Assisted alignment to the grid, guides, artboard, or other objects.