diff --git a/src/drawer.js b/src/drawer.js
index 6f31d4ca..fbb8db0f 100644
--- a/src/drawer.js
+++ b/src/drawer.js
@@ -68,6 +68,8 @@ $.Drawer = function( options ) {
     }
 
     this.viewer = options.viewer;
+    this.viewport = options.viewport;
+    this.debugGridColor = options.debugGridColor || $.DEFAULT_SETTINGS.debugGridColor;
     this.opacity = options.opacity === undefined ? $.DEFAULT_SETTINGS.opacity : options.opacity;
 
     this.useCanvas  = $.supportsCanvas && ( this.viewer ? this.viewer.useCanvas : true );
diff --git a/src/viewer.js b/src/viewer.js
index e6af8260..69f8ae73 100644
--- a/src/viewer.js
+++ b/src/viewer.js
@@ -1098,6 +1098,7 @@ $.extend( $.Viewer.prototype, $.EventSource.prototype, $.ControlDock.prototype,
                 viewport: _this.viewport,
                 drawer: _this.drawer,
                 tileCache: _this.tileCache,
+                imageLoader: _this.imageLoader,
                 x: options.x,
                 y: options.y,
                 width: options.width,
@@ -1899,7 +1900,8 @@ function openTileSource( viewer, source, options ) {
         viewer:             _this,
         viewport:           _this.viewport,
         element:            _this.canvas,
-        opacity:            _this.opacity
+        opacity:            _this.opacity,
+        debugGridColor:     _this.debugGridColor
     });
 
     var tiledImage = new $.TiledImage({