For Croppie specific information, please take a look at there documentation.
Include js and css within your index.html
<link rel="stylesheet" href="packages/croppie_dart/src/js/croppie.css" /> <!--exif.js If you need--> <script defer src="packages/croppie_dart/src/js/exif.js"></script> <script src="packages/croppie_dart/src/js/croppie.min.js"></script>
Basic usage example (standard Croppie methods):
import 'package:croppie_dart/croppie_dart.dart'; import 'dart:html'; Element croppieElement = querySelector("#croppie-element"); Croppie croppie = new Croppie(croppieElement, new Options()); croppie.bind(new BindConfiguration(url: "image_url")); // Some actions on croppie instance. Promise promise = croppie.result(String type, String size, String format, int quality, bool circle);
This library provides a promise - async / await wrapper and several convenience methods to bind and get Croppie results in a typesafe manner.
import 'package:croppie_dart/croppie_dart.dart'; import 'dart:html'; import 'dart:async'; Element croppieElement = querySelector("#croppie-element"); Croppie croppie = new Croppie(croppieElement, new Options()); await croppie.bindAsync(new BindConfiguration(url: "image_url")); // Some actions on croppie instance. // Async / await Uint8List binary = await croppie.resultByteArray(); Blob blob = await croppie.resultBlob(); Element element = await croppie.resultHtml(); String base64 = await croppie.resultBase64(); CanvasElement canvas = await croppie.resultRawCanvas();
This library contains no component at the moment. Because it's very easy to integrate.
<!--Template reference on the target cropping div--> <div #cropping></div>
@ViewChild("cropping") ElementRef croppingElementRef; Croppie croppie = new Croppie(croppingElementRef.nativeElement,new Options());
This version is corresponding with the original project
Please file feature requests and bugs at the issue tracker.
Add this to your package's pubspec.yaml file:
dependencies: croppie_dart: "^2.4.1"
You can install packages from the command line:
$ pub get
Alternatively, your editor might support
Check the docs for your editor to learn more.
Now in your Dart code, you can use:
|2.4.1||Apr 26, 2017|
We analyzed this package on Jun 19, 2018, and provided a score, details, and suggestions below. Analysis was completed with status completed using:
Describes how popular the package is relative to other packages. [more]
Code health derived from static analysis. [more]
Reflects how tidy and up-to-date the package is. [more]
Weighted score of the above. [more]
Detected platforms: web
Homepage does not exists.
We were unable to access
https://github.com/wem/croppie-dartat the time of the analysis.
Package is getting outdated.
The package was released 59 weeks ago.
Maintain an example.
Create a short demo in the
example/directory to show how to use this package. Common file name patterns include:
example.dartor you could also use
Fix analysis and formatting issues.
Analysis or formatting checks reported 2 hints.