garlen-javier/FloodFill_Image

Flood Fill Image

Version GitHub license Support

Overview

Flutter widget that can use paint bucket functionality on the provided image using Queue-Linear Flood Fill Algorithm by J. Dunlap. For more info check out my blog : Flood Fill in Flutter

Kindly like:+1: the package at pub dev or star:star: the repo in github if you find this library useful. :wink:

demo dog gif

Usage

FloodFillImage(
    imageProvider: AssetImage("assets/dog.jpg"),
    fillColor: Colors.amber,
    avoidColor: [Colors.transparent, Colors.black],
)

Parameters

Name	Type	Description
imageProvider	ImageProvider	The image to display via ImageProvider. You can use AssetImage or NetworkImage.
fillColor	Color	Color use for filling the area.
isFillActive	bool	Set false if you want to disable on touch fill function. Default value is true.
avoidColor	List<Color>	List of color that determines to which Color is/are needed to be avoided upon touch. Note: Nearest color shade is applied.
tolerance	int	Set fill value tolerance that ranges from 0 to 100. Default value is 8.
width	int	Width of the image. Parent widget width will be prioritize if it's provided and less than the image width.
height	int	Height of the image. Parent widget height will be prioritize if it's provided and less than the image height.
alignment	AlignmentGeometry	Alignment of the image.
loadingWidget	Widget	Widget to show while the image is being processed on initialization. It uses CircularProgressIndicator by default.
onFloodFillStart	Function(Offset position,Image image)	Callback function that returns the touch position and an Image from dart:ui when flood fill starts. Note: Touch coordinate is relative to the image dimension.
onFloodFillEnd	Function(Image image)	Callback function that returns an Image from dart:ui when flood fill ended.

Coffee

Buy Me A Coffee

License

MIT License, see the LICENSE.md file for details.