Only 7kb (compared to 16kb for jCrop) with NO jQuery dependency!
A more lightweight (less feature rich) version of jCrop. Can also be used for non-images as well (generic area select).
Select an area (image or otherwise) with mouse or touch, i.e. for crop. Can set aspect ratio.
http://jackrabbitsgroup.github.io/angular-area-select/
- optional
- lesshat
See bower.json
and index.html
in the gh-pages
branch for a full list / more details
- download the files
- Bower
- add
"angular-area-select": "latest"
to yourbower.json
file then runbower install
OR runbower install angular-area-select
- add
- Bower
- include the files in your app
area-select.min.js
area-select.less
ORarea-select.min.css
ORarea-select.css
- include the module in angular (i.e. in
app.js
) -jackrabbitsgroup.angular-area-select
See the gh-pages
branch, files bower.json
and index.html
for a full example.
See the area-select.js
file top comments for usage examples and documentation
https://github.com/jackrabbitsgroup/angular-area-select/blob/master/area-select.js
git checkout gh-pages
- run
npm install && bower install
- write your code then run
grunt
- git commit your changes
- run
- copy over core files (.js and .css/.less for directives) to master branch
git checkout master
git checkout gh-pages area-select.js area-select.min.js area-select.less area-select.css area-select.min.css
- update README, CHANGELOG, bower.json, and do any other final polishing to prepare for publishing
- git commit changes
- git tag with the version number, i.e.
git tag v1.0.0
- create github repo and push
- [if remote does not already exist or is incorrect]
git remote add origin [github url]
git push origin master --tags
(want to push master branch first so it is the default on github)git checkout gh-pages
git push origin gh-pages
- [if remote does not already exist or is incorrect]
- (optional) register bower component
bower register angular-area-select [git repo url]