Path Editor #

A Flutter widget for visually editing SVG paths.

Features #

• Visual editing of SVG paths
• Supports move, line, and cubic bezier curve commands
• Interactive control points for cubic bezier curves
• Customizable appearance

Example Usage #

Stack(
  children: [
    // Background content
    Positioned.fill(
      child: FilledPath(
        controller: controller,
        color: Colors.blue.withAlpha(127),
        blendMode: BlendMode.srcOver,
      ),
    ),
    // Path editor on top
    Positioned.fill(
      child: PathEditor(
        controller: controller,
      ),
    ),
  ],
)

Additional information #

Paths are transformed into absolute mode and all operations are remapped to MoveTo, LineTo and CubicTo. This ensures the paths are compatible with all outputs such as SVG and PDF.

For more information, visit the GitHub repository.

If you encounter any issues or have feature requests, please file them on the issue tracker.