Description:
draw your image
draw_your_image #
draw_your_image is a Flutter package for drawing picture with fingers.
Demo #
Features #
Configuration of any background color
Configuration of any stroke colors
Configuration of stroke width
Undo / Redo
Clear all strokes
Erasor mode
Convert canvas to image data with PNG format
Note #
Though this package is available with a couple of features, it's still under development. Any feedbacks or bug reports, and off course Pull Requests, are welcome. Feel free to visit the GitHub repository below.
https://github.com/chooyan-eng/draw_your_image
Usage #
Basic #
Draw #
The very first step for draw_your_image is to place Draw widget at anywhere you want in the widget tree.
final _controller = DrawController();
@override
Widget build(BuildContext context) {
return Draw(
controller: _controller,
backgroundColor: Colors.blue.shade50,
strokeColor: Colors.red,
strokeWidth: 8,
isErasing: false,
onConvertImage: (imageData) {
// do something with imageData
}
);
}
copied to clipboard
Draw widget would display a simple canvas which users can draw whatever they want with given strokeColor and strokeWidth.
isErasing is a flag for erasing drawn strokes. If true, new strokes will erase drawn strokes.
If you wish to change colors or width, you can simply call setState() in your StatefulWidgets and change properties to pass to Draw. Off course other state management systems are available.
For undo(), redo() or other actions, pass instance of DrawController and pass it to controller property. See DrawController section below for detail.
DrawController #
DrawController provides interfaces to control canvas. Below are provided methods
undo() will undo the last stroke. It returns false if no stroke can be performed.
redo() will redo the last performed undo stroke. It returns false if no stroke can be performed.
clear() will clear all the strokes. This action can be undo with undo().
convertToImage() will convert current canvas to image data with png format. You can obtain converted data via onConvertImage callback of Draw.
License
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
Files:
Customer Reviews
There are no reviews.
