Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added type Rectangle #88

Open
wants to merge 14 commits into
base: master
Choose a base branch
from
52 changes: 28 additions & 24 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -1,32 +1,35 @@
# Windows image file caches
Thumbs.db
ehthumbs.db
# Folder config file
Desktop.ini
# Recycle Bin used on file shares
$RECYCLE.BIN/
# Windows Installer files
*.cab
*.msi
*.msm
*.msp
# =========================
# Operating System Files
# =========================
# OSX
# =========================
# Windows image file caches
Thumbs.db
ehthumbs.db

# Folder config file
Desktop.ini

# Recycle Bin used on file shares
$RECYCLE.BIN/

# Windows Installer files
*.cab
*.msi
*.msm
*.msp

# =========================
# Operating System Files
# =========================

# OSX
# =========================

.DS_Store
.AppleDouble
.LSOverride

# Icon must ends with two \r.
Icon
Icon

# IDE
.idea

# Thumbnails
._*
Expand All @@ -38,6 +41,7 @@ Icon

# SASS Cache
.sass_cache/
.sass-cache/

# Installed Bower/Node modules
bower_components/
Expand Down
3 changes: 3 additions & 0 deletions .idea/dictionaries/marciovinicius.xml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

11 changes: 7 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,9 +4,11 @@ Simple Image Crop directive for AngularJS. Enables to crop a circle or a square

## Screenshots

![Circle Crop](https://raw.github.com/alexk111/ngImgCrop/master/screenshots/circle_1.jpg "Circle Crop")
![Circle Crop](/screenshots/circle.jpg "Circle Crop")

![Square Crop](https://raw.github.com/alexk111/ngImgCrop/master/screenshots/square_1.jpg "Square Crop")
![Square Crop](/screenshots/square.jpg "Square Crop")

![Rectangle Crop](/screenshots/rectangle.jpg "Rectangle Crop")

## Live demo

Expand Down Expand Up @@ -110,8 +112,9 @@ The following code enables to select an image using a file input and crop it. Th
<img-crop
image="{string}"
result-image="{string}"
area-coords="myAreaCoords"
[change-on-fly="{boolean}"]
[area-type="{circle|square}"]
[area-type="{circle|square|rectangle}"]
[area-min-size="{number}"]
[result-image-size="{number}"]
[result-image-format="{string}"]
Expand All @@ -137,7 +140,7 @@ Assignable angular expression to data-bind to. NgImgCrop puts a data uri of a cr

### area-type

*Optional*. Type of the crop area. Possible values: circle|square. Default: circle.
*Optional*. Type of the crop area. Possible values: circle|square|rectangle. Default: circle.

### area-min-size

Expand Down
25 changes: 20 additions & 5 deletions bower.json
Original file line number Diff line number Diff line change
@@ -1,10 +1,25 @@
{
"name": "ng-img-crop",
"version": "0.3.2",
"name": "ng-img-crop-add-rectangle",
"prettyName": "ngImgCropAddRectangle",
"version": "0.3.3",
"authors": [
"Alex Kaul <[email protected]>"
{
"name": "Alex Kaul",
"email": "[email protected]"
},
{
"name": "Jodonnell-broadsoft"
},
{
"name": "Marcio Sena",
"email": "[email protected]"
}
],
"description": "Image crop directive for AngularJS",
"repository": {
"type": "git",
"url": "https://github.com/marciovsena/ngImgCrop"
},
"description": "Image crop directive for AngularJS add rectangle",
"main": [
"compile/minified/ng-img-crop.js",
"compile/minified/ng-img-crop.css"
Expand All @@ -16,7 +31,7 @@
"cropper"
],
"license": "MIT",
"homepage": "https://github.com/alexk111/ngImgCrop",
"homepage": "https://github.com/marciovsena/ngImgCrop/",
"ignore": [
"node_modules",
"bower_components",
Expand Down
3 changes: 2 additions & 1 deletion compile/minified/ng-img-crop.js

Large diffs are not rendered by default.

Loading