diff --git a/lib/aligning_guidelines.js b/lib/aligning_guidelines.js
index f6c76e7a..7563b91e 100644
--- a/lib/aligning_guidelines.js
+++ b/lib/aligning_guidelines.js
@@ -181,8 +181,11 @@ function initAligningGuidelines(canvas) {
     }
   });
 
-  canvas.on('after:render', function() {
+  canvas.on('before:render', function() {
     canvas.clearContext(canvas.contextTop);
+  });
+
+  canvas.on('after:render', function() {
     for (var i = verticalLines.length; i--; ) {
       drawVerticalLine(verticalLines[i]);
     }
diff --git a/src/static_canvas.class.js b/src/static_canvas.class.js
index 95e25b7f..50bae431 100644
--- a/src/static_canvas.class.js
+++ b/src/static_canvas.class.js
@@ -533,6 +533,8 @@
         this.clearContext(canvasToDrawOn);
       }
 
+      this.fire('before:render');
+
       if (this.clipTo) {
         this._clipCanvas(canvasToDrawOn);
       }
@@ -546,8 +548,6 @@
         this._drawBackroundImage(canvasToDrawOn);
       }
 
-      this.fire('before:render');
-
       var activeGroup = this.getActiveGroup();
       for (var i = 0, length = this._objects.length; i < length; ++i) {
         if (!activeGroup ||