plotting points on an image of an art gallery

1 files changed, 11 insertions, 1 deletions

diff --git a/public/assets/javascripts/mx/primitives/mx.grid.js b/public/assets/javascripts/mx/primitives/mx.grid.js
index 7a40144..a765c89 100644
--- a/public/assets/javascripts/mx/primitives/mx.grid.js
+++ b/public/assets/javascripts/mx/primitives/mx.grid.js
@@ -34,8 +34,13 @@ MX.Grid = MX.Object3D.extend({
 		this.draw(ctx)
   },
   
-  draw: function(ctx){
+  draw: function(ctx, recenter){
     ctx = ctx || this.ctx
+
+    if (recenter) {
+      ctx.save()
+      ctx.translate( -grid.width/2, -grid.height/2 )
+    }
     
     var cells = this.ops.cells,
         space = this.ops.space,
@@ -53,6 +58,11 @@ MX.Grid = MX.Object3D.extend({
     }
     ctx.closePath()
     ctx.stroke()
+
+    if (recenter) {
+      ctx.restore()
+    }
+
   },
 
 })