Allow for canvas parsing

This is the same as fitting the image, but additionally it fills the bordesr until the exact desired height and width
robinluog · May 3, 2016 · 5ac598f · 5ac598f
1 parent 279d580
commit 5ac598f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/UrlParsing.js b/UrlParsing.js
@@ -9,7 +9,7 @@
  * [5] The scaling parameter (for retina)
  * [6] The file type
  * [7] The query string, dont use this, use [8] instead
- * [8] The format (either clip or crop)
+ * [8] The format (either clip or crop or canvas)
  * @param url The url to parse
  * @returns {Array|{index: number, input: string}|*|{ID, CLASS, NAME, ATTR, TAG, CHILD, POS, PSEUDO}}
  */
@@ -62,7 +62,7 @@ const UrlParsing = {
         fit: 'clip'
       };
 
-      if (matches[8] && ['clip', 'crop'].indexOf(matches[8].toLowerCase()) > -1) {
+      if (matches[8] && ['clip', 'crop', 'canvas'].indexOf(matches[8].toLowerCase()) > -1) {
         res.fit = matches[8].toLowerCase();
       }
 

diff --git a/index.js b/index.js
@@ -101,6 +101,9 @@ function correctlyResize(file, params, callback) {
     } else {
       workImageClient = workImageClient.resize(params.resolutionX, params.resolutionY);
     }
+    if (params.fit === 'canvas') {
+      workImageClient = workImageClient.gravity('Center').extent(params.resolutionX, params.resolutionY);
+    }
     //Interlacing for png isn't efficient (both in filesize as render performance), so we only do it for jpg
     if (params.fileType === 'jpg') {
       workImageClient = workImageClient.interlace('Line');