segmentation_renderer

Description:

segmentation renderer

segmentation_renderer #
The segmentation_renderer package provides a set of Flutter widgets and custom painters designed to visualize segmentation data. It is especially useful for applications dealing with image processing, where segmentations delineate different regions or contours of interest. This package allows the rendering of contours directly on images or separately as geometric shapes based on the segmentation data.
Features #

Custom Painters for Contours: Draw detailed contours on any image based on segmentation data.
Shape Renderers: Optionally, draw shapes such as rectangles, circles, or ellipses around the contours.
Flexible Rendering Options: Choose to render just the contours, bounding shapes, or both, depending on the visualization needs.
Smooth Path Rendering: Enhance the visual quality of contours with optional path smoothing.

Widgets in the Package #

ImageWithContours: A widget that combines an image with overlays of contours or bounding shapes based on provided segmentation data. Note: this widget also auto scales the points based on the image render size.
ContoursPainter: A custom painter that draws contours either smoothly or as sharp lines directly on a canvas.
ShapeAroundContoursPainter: A custom painter that draws specified shapes around the contours.

Images #
Here are some examples of what segmentation_renderer can do:

Example of contours drawn on an image.

Example of bounding shapes drawn around contours.
Usage #
Setup #
Add the segmentation_renderer package to your Flutter project by including it in your pubspec.yaml file:
dependencies:
segmentation_renderer: ^1.0.0
copied to clipboard
Basic Example #
Here's how you can use the ImageWithContours widget in your Flutter app:
import 'package:flutter/material.dart';
import 'package:segmentation_renderer/segmentation_renderer.dart';

void main() {
runApp(MyApp());
}

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child: ImageWithContours(
image: Image.asset('path/to/your/image.png'),
contours: [
Contour(points: [Point(x: 10, y: 10), Point(x: 50, y: 50)]),
// More contours
],
renderType: RenderType.both,
),
),
),
);
}
}
copied to clipboard
Customization #
Customize the appearance of the contours and the bounding shapes:
ImageWithContours(
image: Image.asset('path/to/image.png'),
contours: yourContoursData,
renderType: RenderType.both,
// Additional configurations
)
copied to clipboard
Contours Data #
Prepare your contours data, which can be dynamically loaded or statically defined:
List<Contour> yourContoursData = [
Contour(points: [Point(x: 10, y: 10), Point(x: 20, y: 20), ...]),
// Additional contours
];
copied to clipboard
Contributions #
Contributions are welcome! If you have ideas on how to improve this package or add new features, please feel free to contribute to the development.
License #
This package is available under the MIT License. See the LICENSE file for more details.