/ngCropper

AngularJS wrapper for https://github.com/fengyuanchen/cropper

Primary LanguageJavaScript

ngCropper

AngularJS module for https://github.com/fengyuanchen/cropper jQuery plugin.

Install

bower install ng-cropper

Usage

<link href="client/bower_components/ngCropper/dist/ngCropper.all.css" rel="stylesheet">
<script src="client/bower_components/ngCropper/dist/ngCropper.all.js"></script>
var app = angular.module('app', ['ngCropper']);

app.controller('Main', function(Cropper) {
    ...
});
<img src="image.jpg"
     ng-cropper
     ng-cropper-options="options"
     ng-cropper-show="'show.cropper'"
     ng-cropper-hide="'hide.cropper'">

Read Demo code for detailed example.

API

Look at demo.js to learn workflow.