ngImgCrop
NOTE: this is a fork of alexk111/ngImgCrop, inspired by a pen by Hugh Anderson
Angular(1) directive for cropping identity photographs. The forked directive add these attributes to the <img-crop> element:
- tollerance-ratio : set a tolerance on the image ratio (width / height) (in percent, es. 10)
- can-rotate: enable image rotation
- min-resolution: prevent image cropping if the image does not satisfied the minimum requested resolution (DPI)
Requirements
- npm
- bower
Build and use directive
npm install
bower install
gulp build-unminified
will produce ng-img-crop.css and ng-img-crop.js in the compile/unminified folder. This file loads the directive, include it where needed
<script src="ng-img-crop.js"></script>
<link rel="stylesheet" type="text/css" href="ng-img-crop.css">
Add the image crop module as a dependancy to your application module:
var myAppModule = angular.module('MyApp', ['ngImgCrop']);
Usage
Follow these instructions and then consider that:
- you can add rotation by setting the
can-rotateattributo of the<img-crop>element totrue - you can set the miminum resolution by setting the
min-resolutionattribute - you can set the resolution tollerance by setting the
tollerance-ratioattribute