Added save full graph image

script/Appilcation.js

@@ -131,6 +131,26 @@ Application.prototype._redrawGraph = function()
     return context;
 }
 
+Application.prototype._OffscreenRedrawGraph = function()
+{
+    var bbox = this.graph.getGraphBBox();
+    var canvas = document.createElement('canvas');
+    canvas.width  = bbox.size().x;
+    canvas.height = bbox.size().y;
+    var context = canvas.getContext('2d');
+    
+    context.save();
+    context.clearRect(0, 0, Math.max(this.canvas.width, this.GetRealWidth()), Math.max(this.canvas.height, this.GetRealHeight()));
+    context.translate(bbox.minPoint.inverse().x, bbox.minPoint.inverse().y);
+    
+    this.RedrawEdges(context);
+    this.RedrawNodes(context);
+    
+    context.restore();
+    
+    return canvas;
+}
+
 Application.prototype.updateRenderPathLength = function()
 {
     this.renderPathLength = 0;
@@ -515,6 +535,11 @@ Application.prototype.SetHandlerMode = function(mode)
         var savedDialogGraphImageHandler = new SavedDialogGraphImageHandler(this);
         savedDialogGraphImageHandler.show();
     }
+    else if (mode == "saveDialogFullImage")
+    {
+        var savedDialogGraphImageHandler = new SavedDialogGraphImageHandler(this);
+        savedDialogGraphImageHandler.show(null, true);           
+    }
     else if (mode == "eulerianLoop")
     {
 		this.handler = new EulerianLoopGraphHandler(this);
@@ -805,6 +830,35 @@ Application.prototype.SaveGraphImageOnDisk = function (showDialogCallback)
                           
     return imageName;
 }
+
+Application.prototype.SaveFullGraphImageOnDisk = function (showDialogCallback)
+{
+    var imageName = this.GetNewGraphName();
+                          
+    this.stopRenderTimer();
+    var canvas = this._OffscreenRedrawGraph();
+                          
+    var bbox = this.graph.getGraphBBox();
+    
+    var rectParams = ""; 
+    rectParams = "&x=0" + "&y=0" + "&width=" + bbox.size().x + "&height=" + bbox.size().y;
+
+    var imageBase64Data = canvas.toDataURL();
+
+    $.ajax({
+     type: "POST",
+     url: "/cgi-bin/saveImage.php?name=" + imageName + rectParams,
+     data: {
+           base64data : imageBase64Data
+     },
+     dataType: "text",
+     success: function(data){
+        showDialogCallback();
+    }
+     });
+                          
+    return imageName;
+}
                           
                           
 

script/EventHandlers.js

@@ -640,7 +640,7 @@ SavedDialogGraphImageHandler.prototype.pathObjects = null;
 // Objects.
 SavedDialogGraphImageHandler.prototype.objects    = null;
 
-SavedDialogGraphImageHandler.prototype.show = function(object)
+SavedDialogGraphImageHandler.prototype.show = function(object, isFull = false)
 {
     var showDialogCallback = function ()
     {
@@ -673,7 +673,7 @@ SavedDialogGraphImageHandler.prototype.show = function(object)
     
     }
     
-    var imageName = this.app.SaveGraphImageOnDisk(showDialogCallback);
+    var imageName = isFull ? this.app.SaveFullGraphImageOnDisk(showDialogCallback) : this.app.SaveGraphImageOnDisk(showDialogCallback);
 }
 
 

script/main.js

@@ -294,6 +294,12 @@ function postLoadPage()
         application.SetHandlerMode("saveDialogImage");
     }
     
+    document.getElementById('SaveFullGraphImage').onclick = function ()
+    {
+        userAction(this.id);
+        application.SetHandlerMode("saveDialogFullImage");
+    }
+    
     document.getElementById('Zoom100').onclick = function ()
     {
         userAction(this.id);