diff --git a/src/Canvas.js b/src/Canvas.js
index 8cc2a0f4..835681c2 100644
--- a/src/Canvas.js
+++ b/src/Canvas.js
@@ -3,7 +3,7 @@
     var canvas = document.createElement('canvas'), 
         context = canvas.getContext('2d'), 
         devicePixelRatio = window.devicePixelRatio || 1, backingStoreRatio = context.webkitBackingStorePixelRatio || context.mozBackingStorePixelRatio || context.msBackingStorePixelRatio || context.oBackingStorePixelRatio || context.backingStorePixelRatio || 1, 
-        pixelRatio = devicePixelRatio / backingStoreRatio;
+        _pixelRatio = devicePixelRatio / backingStoreRatio;
         
     /**
      * Canvas Renderer constructor
@@ -11,7 +11,8 @@
      * @param {Number} width
      * @param {Number} height
      */
-    Kinetic.Canvas = function(width, height) {
+    Kinetic.Canvas = function(width, height, pixelRatio) {
+        this.pixelRatio = pixelRatio || _pixelRatio;
         this.width = width;
         this.height = height;
         this.element = document.createElement('canvas');
@@ -55,7 +56,7 @@
         setWidth: function(width) {
             this.width = width;
             // take into account pixel ratio
-            this.element.width = width * pixelRatio;
+            this.element.width = width * this.pixelRatio;
             this.element.style.width = width + 'px';
         },
         /**
@@ -67,7 +68,7 @@
         setHeight: function(height) {
             this.height = height;
             // take into account pixel ratio
-            this.element.height = height * pixelRatio;
+            this.element.height = height * this.pixelRatio;
             this.element.style.height = height + 'px';
         },
         /**
@@ -202,16 +203,18 @@
         }
     };
 
-    Kinetic.SceneCanvas = function(width, height) {
-        Kinetic.Canvas.call(this, width, height);
+    Kinetic.SceneCanvas = function(width, height, pixelRatio) {
+        Kinetic.Canvas.call(this, width, height, pixelRatio);
     };
 
     Kinetic.SceneCanvas.prototype = {
-        setWidth: function(width) {             
+        setWidth: function(width) {  
+            var pixelRatio = this.pixelRatio;           
             Kinetic.Canvas.prototype.setWidth.call(this, width);
             this.context.scale(pixelRatio, pixelRatio);
         },
         setHeight: function(height) { 
+            var pixelRatio = this.pixelRatio; 
             Kinetic.Canvas.prototype.setHeight.call(this, height);
             this.context.scale(pixelRatio, pixelRatio);
         },
@@ -353,8 +356,8 @@
     };
     Kinetic.Global.extend(Kinetic.SceneCanvas, Kinetic.Canvas);
 
-    Kinetic.HitCanvas = function(width, height) {
-        Kinetic.Canvas.call(this, width, height);
+    Kinetic.HitCanvas = function(width, height, pixelRatio) {
+        Kinetic.Canvas.call(this, width, height, pixelRatio);
     };
 
     Kinetic.HitCanvas.prototype = {
diff --git a/src/Node.js b/src/Node.js
index fda6daf5..2aa93cb4 100644
--- a/src/Node.js
+++ b/src/Node.js
@@ -715,7 +715,7 @@
 
             //if width and height are defined, create new canvas to draw on, else reuse stage buffer canvas
             if(config.width && config.height) {
-                canvas = new Kinetic.SceneCanvas(config.width, config.height);
+                canvas = new Kinetic.SceneCanvas(config.width, config.height, 1);
             }
             else {
                 canvas = this.getStage().bufferCanvas;
diff --git a/src/Stage.js b/src/Stage.js
index ed3a100a..681006c9 100644
--- a/src/Stage.js
+++ b/src/Stage.js
@@ -266,7 +266,7 @@
                 this.content.style.width = width + 'px';
                 this.content.style.height = height + 'px';
 
-                this.bufferCanvas.setSize(width, height);
+                this.bufferCanvas.setSize(width, height, 1);
                 this.hitCanvas.setSize(width, height);
                 // set user defined layer dimensions
                 var layers = this.children;