Vector editing

Inkfinite stores supported arbitrary vector geometry as native path shapes. You can edit paths drawn in Inkfinite and paths created from supported SVG elements.

Direct Select

Choose Direct Select, then select a path. Inkfinite displays anchors and the Bézier handles that control curved segments. Drag an anchor to move it. Drag a handle to change the direction and strength of a curve.

Whole-object selection still controls the path’s transform, bounds, fill, stroke, and opacity. Use Direct Select only when you need to change the geometry inside those bounds.

Gradient fills and strokes

The Fill and Stroke controls accept solid colours, linear gradients, and radial gradients. Open the small gradient control beside a colour control to choose a gradient type, change its spread mode, and edit its stops. Each stop exposes a colour, position from 0 to 1, and opacity. Add a stop or remove one when at least two stops remain.

Gradient definitions stay in the document and are preserved when you save, reopen, import from SVG, or export to SVG. Interactive Canvas rendering uses the same stop data for previews.

Path topology

Path commands open or close a subpath, split a segment, join compatible endpoints, and change a segment’s geometry. A path may contain more than one subpath and may mix line and Bézier segments.

Closing a path adds a segment from its final anchor to its first anchor. Opening it removes the closing segment. Split creates a new anchor on a segment. Join connects compatible open endpoints.

Clipping, masks, and filters

Select a path and another object, then choose Use path as clip in the selection controls. Inkfinite converts the path to local clip geometry and removes the source path. Remove clip restores the object without changing its other properties.

SVG imports also preserve path-based alpha and luminance masks. Their subpaths form one mask geometry, and the selection controls expose the mask mode. The initial filter controls cover blur, grayscale, drop shadows, brightness, contrast, hue rotation, inversion, saturation, sepia, and opacity. These effects render in the canvas and SVG exports from the same stored properties.

SVG filters and mask forms outside this subset stay in a sanitized static fallback asset, with an import warning. They are not silently dropped.

Text on a path

Select one text shape and one path, then choose Attach text to path in the selection controls. The text keeps its own content and style while the path remains an ordinary editable shape. Select the attached text to change its alignment, side, or direction. Drag the handle on the path to change the text offset. Choose Detach text to restore ordinary text placement.

Text-on-path attachments use the path’s local distance, so moving or editing the path keeps the text attached. SVG import and export support textPath references, including supporting paths declared in defs.

Imported SVG paths

SVG paths and supported vector primitives become native Inkfinite geometry during import. Their anchors and segments can then be edited with Direct Select. Inkfinite reports unsupported visual content and keeps its static fallback when the native model cannot represent it.

Read Import and export for the supported workflow. Maintainers can read Native path geometry for the stored representation and invariants.