Added 2 more options 'data-safe-move' and 'data-fill-color'

- merge pull request andyshora#30
Upgrade to angular 1.5.11

Author: blavenie

README.md

@@ -28,6 +28,8 @@ I'm attempting to make a self-contained AngularJS Directive which will allow you
 * max-size (integer) - max size of the image, in pixels
 * shape (string) - the cropping guideline shape (circle/square)
 * step (bound integer) - the variable which dictates which step the user will see (used for resetting purposes)
+* safe-move(string true/false) - allow moving the image under the cropping area without restrictions
+* fill-color(string color name / HEX) - the color to fill with the empty space (used with safe-move)
 * src (bound Blob or base64 string) - scope variable that will be the source image for the crop
 * result (bound string) - the variable which will have the resulting data uri bound to it
 * result-blob (bound Blob) - the variable which will have the resulting data as a Blob object
@@ -40,6 +42,8 @@ I'm attempting to make a self-contained AngularJS Directive which will allow you
  data-width="150"
  data-shape="square"
  data-step="imageCropStep"
+ data-safe-move='true'
+ data-fill-color="red"
  src="imgSrc"
  data-result="result"
  data-result-blob="resultBlob"

index.html

@@ -9,7 +9,7 @@
 
   <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
   <!-- REQUIRED 1/3 - AngularJS Core -->
-  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.11/angular.min.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular.min.js"></script>
   <!-- REQUIRED 2/3 - styles for the image crop component -->
   <link rel="stylesheet" href="image-crop-styles.css">
 

index2.html

@@ -6,7 +6,7 @@
   <title>Test</title>
   <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
   <!-- REQUIRED 1/3 - AngularJS Core -->
-  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.11/angular.min.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular.min.js"></script>
   <!-- REQUIRED 2/3 - styles for the image crop component -->
   <link rel="stylesheet" href="image-crop-styles.css">
   <script>
@@ -116,4 +116,4 @@ <h2>Result</h2>
        <p ng-hide="imageCropResult2">Not cropped yet</p>
      </div>
   </body>
-</html>
+</html>

package.json

@@ -17,6 +17,9 @@
     "cropper",
     "avatar"
   ],
+  "dependencies": {
+    "angular": "^1.5.11"
+  },
   "readmeFilename": "README.md",
   "bugs": {
     "url": "https://github.com/andyshora/angular-image-crop/issues",