ngImageEditor

This is a image editor for angular.It can cut image.
Submitted by: C1a1667c77d27e39e9969d3cb8a91c37?d=https%3a%2f%2fidenticons.github.com%2f1dd37bc234b1fd2c2733ccfdf10d3d60 SparrowJang

ngImageEditor

demo image

This is a image editor for angular.It can cut image.

Dependency

  • angularjs

Install

Support

  • IE9+
  • chrome
  • firefox

The input image is not cross domain.It is browser limit.

Usage

Set some attrs of element. <div img-src="imgSrc" ng-image-editor="imageEditor" selected="selected"></div>

Load a image for cut. $scope.imgSrc='/images/head.jpeg';

Set a selected block size. $scope.selected = {width:150,height:150,top:0,left:0};

Get a image data of selected block. $scope.imageEditor.toDataURL();

Demo

Clone this project.

Install the express framework and grunt modules. npm install

run a server: grunt server

Finally,open your brower,enter http://localhost:3000/index.html.

comments powered by Disqus
This page was last updated over 3 years ago.