image_painter
A flutter implementation of painting over image.
Overview
Features
- Seven available paint modes. Line, Box/Rectangle, Circle, Freestyle/Signature, Dotted Line, Arrow and Text.
- Four constructors for adding image from Network Url, Asset Image, Image from file and from memory.
- Controls from constructors like strokeWidth and Colors.
- Export image as memory bytes which can be converted to image. Implementation provided on example
- Ability to undo and clear drawings.
Getting started
In the pubspec.yaml
of your flutter project, add the following dependency:
dependencies: ... image_painter: latest
In your library add the following import:
import 'package:image_painter/image_painter.dart';
For help getting started with Flutter, view the online documentation.
Using the library
Basic usage of the libary:
ImagePainter.network
: Painting over image from network url.
final _imageKey = GlobalKey<ImagePainterState>(); //Provide controller to the painter. ImagePainter.network("https://sample_image.png", key: _imageKey,scalable: true), ///Export the image: Uint8List byteArray = await _imageKey.currentState.exportImage(); //Now you use `Uint8List` data and convert it to file. File imgFile = new File('directoryPath/fileName.png'); imgFile.writeAsBytesSync(image);
Download image painter package source code on GitHub
https://github.com/yellowQ-software/yellowQ-Flutter-Image-Painter
Provides the list of the opensource Flutter apps collection with GitHub repository.