diff --git a/src/js/includes/Canvas.js b/src/js/includes/Canvas.js
index 50a3c34..fe3c5b8 100644
--- a/src/js/includes/Canvas.js
+++ b/src/js/includes/Canvas.js
@@ -18,7 +18,7 @@ var $document = $(document);
  * Fe. getDragbars method can be called from most places as the Canvas class is available in most places.
  */
 var Canvas = fabric.util.createClass(fabric.Canvas, {
-    initialize: function (id) {
+    initialize: function (id, dimensions) {
         this.callSuper('initialize', id, {
             enableRetinaScaling: true,
             renderOnAddRemove: false,
@@ -26,8 +26,8 @@ var Canvas = fabric.util.createClass(fabric.Canvas, {
             backgroundColor: '#d2d2d2',
             preserveObjectStacking: true,
             selection: false,
-            width: 1253,
-            height: 600
+            width: dimensions.width,
+            height: dimensions.height
         });
 
         // Eventhandler for mouseup events on the whole canvas.
diff --git a/src/js/includes/ImageEditor.js b/src/js/includes/ImageEditor.js
index c40da5f..4584159 100644
--- a/src/js/includes/ImageEditor.js
+++ b/src/js/includes/ImageEditor.js
@@ -23,7 +23,7 @@ function ImageEditor(canvasId, args) {
     }, args);
 
     // Initialize canvas
-    _canvas = new Canvas(canvasId);
+    _canvas = new Canvas(canvasId, args.dimensions);
 
     // Let Canvas know which type it is, canvas or wallpaper since it is
     // accessible for all objects contained within.