mxImageExport

Creates a new image export instance to be used with an export canvas. Here is an example that uses this class to create an image via a backend using <mxXmlExportCanvas>.

var xmlDoc = mxUtils.createXmlDocument();
var root = xmlDoc.createElement('output');
xmlDoc.appendChild(root);

var xmlCanvas = new mxXmlCanvas2D(root);
var imgExport = new mxImageExport();
imgExport.drawState(graph.getView().getState(graph.model.root), xmlCanvas);

var bounds = graph.getGraphBounds();
var w = Math.ceil(bounds.x + bounds.width);
var h = Math.ceil(bounds.y + bounds.height);

var xml = mxUtils.getXml(root);
new mxXmlRequest('export', 'format=png&w=' + w +
     '&h=' + h + '&bg=#F9F7ED&xml=' + encodeURIComponent(xml))
     .simulate(document, '_blank');

In order to export images for a graph whose container is not visible or not part of the DOM, the following workaround can be used to compute the size of the labels.

mxText.prototype.getTableSize = function(table)
{
  var oldParent = table.parentNode;

  document.body.appendChild(table);
  var size = new mxRectangle(0, 0, table.offsetWidth, table.offsetHeight);
  oldParent.appendChild(table);

  return size;
};

Summary

mxImageExport	Creates a new image export instance to be used with an export canvas.
Functions
mxImageExport	Constructs a new image export.
Variables
includeOverlays	Specifies if overlays should be included in the export.
glassSize	Reference to the thread while the animation is running.
shapes	Holds implementations for the built-in shapes.
markers	Holds implementations for the built-in markers.
Functions
drawState	Draws the given state and all its descendants to the given canvas.
createShape	Creates a shape wrapper for the custom shape in the given cell state and links its output to the given canvas.
drawOverlays	Draws the overlays for the given state.
drawShape	Draws the given state to the given canvas.
drawGlass	Draws the given state to the given canvas.
drawGlass	Draws the given state to the given canvas.
drawImage	Draws the given state to the given canvas.
drawLabelBackground	Draws background for the label of the given state to the given canvas.
drawLabel	Draws the given state to the given canvas.
getBackgroundBounds	Draws the given state to the given canvas.
getImageBounds	Draws the given state to the given canvas.
drawMarker	Initializes the built-in shapes.
initShapes	Initializes the built-in shapes.
initMarkers	Initializes the built-in markers.

Functions

mxImageExport

function mxImageExport()

Constructs a new image export.

Variables

includeOverlays

mxImageExport.prototype.includeOverlays

Specifies if overlays should be included in the export. Default is false.

glassSize

mxImageExport.prototype.glassSize

Reference to the thread while the animation is running.

shapes

mxImageExport.prototype.shapes

Holds implementations for the built-in shapes.

markers

mxImageExport.prototype.markers

Holds implementations for the built-in markers.

Functions

drawState

mxImageExport.prototype.drawState = function( state,
canvas )

Draws the given state and all its descendants to the given canvas.

createShape

mxImageExport.prototype.createShape = function( state,
canvas )

Creates a shape wrapper for the custom shape in the given cell state and links its output to the given canvas.

drawOverlays

mxImageExport.prototype.drawOverlays = function( state,
canvas )

Draws the overlays for the given state. This is called if includeOverlays is true.