fixed resize styling & opted for width/height instead of w/h

Author: Jack Rimell

Docs/Api.md

@@ -52,7 +52,7 @@ It takes x and y coordinates and a width and height.
 
 **Type** - `object`
 
-**Default** - `{ w: AUTO, h: AUTO, x: 0, y: 0 }`
+**Default** - `{ width: AUTO, height: AUTO, x: 0, y: 0 }`
 
 **Example** -
 

src/utils/getDimensions.js

@@ -1,5 +1,6 @@
 let getSize = (props, original, attr) => {
   if (props.resize !== undefined) return props.resize[attr];
+  if (props.crop !== undefined) return props.crop[attr];
   if (props.contain !== undefined) return props.contain[attr];
   if (props.cover !== undefined) return props.cover[attr];
   if (props.scaleToFit !== undefined) return props.scaleToFit[attr];

src/utils/options.js

@@ -103,6 +103,17 @@ function processImage(image, props, ROOT) {
       : image.pass(image);
   };
 
+  image.__proto__.cropImage = function(image, crop) {
+    return crop !== undefined
+      ? image.crop(
+          setter(crop.x, AUTOMEASURE),
+          setter(crop.y, AUTOMEASURE),
+          setter(crop.width, 0),
+          setter(crop.height, 0)
+        )
+      : image.pass(image);
+  };
+
   image.__proto__.changeImageQuality = function(image, quality) {
     return changeImageAppearence(quality, image, 'quality');
   };
@@ -159,17 +170,6 @@ function processImage(image, props, ROOT) {
       : image.pass(image);
   };
 
-  image.__proto__.cropImage = function(image, crop) {
-    return crop !== undefined
-      ? image.crop(
-          setter(crop.x, 0),
-          setter(crop.y, 0),
-          setter(crop.w, 0),
-          setter(crop.h, 0)
-        )
-      : image.pass(image);
-  };
-
   image.__proto__.changeBrightness = function(image, brightness) {
     return changeImageAppearence(brightness, image, 'brightness');
   };