/**
* Function: main
*
* Demonstrates the deployment of a graph which is created on the server side
* and then deployed with the client library in a single response. This is done
* by replacing the %graph% placeholder in the javascript/example/template.html
* file with the XML representation of the graph that was created on the server.
*
* Point your browser to http://localhost/graph to fetch the HTML file. Make sure
* to deploy the mxgraph distribution directory to the webroot for this example
* to work, or replace the mxBasePath and URL for the mxClient.js in the
* template to match your environment.
*
* This example returns an HTML page when the client issues a get request. The
* readme in the php directory explains how to run this example.
*
* The template.html file is used by this example. In main a graph is created
* and the XML of the graph obtained by:
*
* $enc = new mxCodec();
* $xmlNode = $enc->encode($model);
* $xml = $xmlNode->ownerDocument->saveXML($xmlNode);
*
* The template.html is then loaded as a string and instances of %graph% are
* replaced with the XML of the graph. In the template.html the following line
* defines the page body:
*
* <body onload="main(document.getElementById('graphContainer'), '%graph%');">
*
* So the XML string of the graph becomes the second parameter of the main
* function. When the template.html page is loaded in the browser, the main
* function is called and within that function these lines:
*
* var doc = mxUtils.parseXml(xml);
* var codec = new mxCodec(doc);
* codec.decode(doc.documentElement, graph.getModel());
*
* insert the XML into the graph model and that graph will then display.
*/
function main()
{
// True-type fonts not needed in this example
mxConstants::$TTF_ENABLED = false;
// Creates the graph on the server-side
$graph = new mxGraph();
$model = $graph->getModel();
$parent = $graph->getDefaultParent();
$model->beginUpdate();
try {
$v1 = $graph->insertVertex($parent, null, "Hello", 20, 20, 80, 30);
$v2 = $graph->insertVertex($parent, null, "World", 200, 150, 80, 30);
$graph->insertEdge($parent, null, "", $v1, $v2);
} catch (Exception $e) {
$model->endUpdate();
throw $e;
}
$model->endUpdate();
// Turns the graph into XML data
$enc = new mxCodec();
$xmlNode = $enc->encode($model);
$xml = addslashes(htmlentities(str_replace("\n", "
", $xmlNode->ownerDocument->saveXML($xmlNode))));
// Loads the template into a single string
$template = mxUtils::readFile("template.html");
// Replaces the placeholder in the template with the XML data
// which is then parsed into the graph model. Note: In a production
// environment you should use a template engine instead.
$page = str_replace("%graph%", $xml, $template);
// Makes sure there is no caching on the client side
header("Pragma: no-cache");
// HTTP 1.0
header("Cache-control: private, no-cache, no-store");
header("Expires: 0");
echo $page;
}
$model = new mxGraphModel();
$graph = new mxGraph($model);
$parent = $graph->getDefaultParent();
// Adds cells into the model
$model->beginUpdate();
try {
$v1 = $graph->insertVertex($parent, null, "Hello,", 20, 20, 80, 30);
$v2 = $graph->insertVertex($parent, null, "World!", 200, 150, 80, 30);
$e1 = $graph->insertEdge($parent, null, "e1", $v1, $v2);
} catch (Exception $e) {
$model->endUpdate();
throw $e;
}
$model->endUpdate();
// Sends PNG image to client
$image = $graph->createImage(null, "#FFFFFF");
// Creates an interlaced image for better loading in the browser
//imageInterlace($image, 1);
// Marks background color as being transparent
//imageColorTransparent($image, imageColorAllocate($image, 255, 255, 255));
header("Content-Type: image/png");
echo mxUtils::encodeImage($image);
}
// Uses a local font so that all examples work on all platforms. This can be
// changed to vera on Mac or arial on Windows systems.
mxConstants::$DEFAULT_FONTFAMILY = "ttf/verah.ttf";
// If you can't get the fonts to render try using one of the following:
//mxConstants::$DEFAULT_FONTFAMILY = "C:\WINDOWS\Fonts\arial.ttf";
//mxConstants::$DEFAULT_FONTFAMILY = "verah"; putenv("GDFONTPATH=".realpath("./ttf"));
//mxConstants::$TTF_ENABLED = false;
main();
$model->add($parent, $e1, 0);
} catch (Exception $e) {
$model->endUpdate();
throw $e;
}
$model->endUpdate();
$doc = mxUtils::createXmlDocument();
$enc = new mxCodec($doc);
$node = $enc->encode($model);
$xml1 = $doc->saveXML($node);
$doc = mxUtils::parseXml($xml1);
$dec = new mxCodec($doc);
$dec->decode($doc->documentElement, $model);
$doc = mxUtils::createXmlDocument();
$enc = new mxCodec($doc);
$node = $enc->encode($model);
$xml2 = $doc->saveXML($node);
if ($xml1 == $xml2) {
echo "Test Passed: " . htmlentities($xml1);
} else {
echo "Test Failed: <br>xml1=" . htmlentities($xml1) . "<br>xml2=" . htmlentities($xml2);
}
}
// Uses a local font so that all examples work on all platforms. This can be
// changed to vera on Mac or arial on Windows systems.
mxConstants::$DEFAULT_FONTFAMILY = "verah";
putenv("GDFONTPATH=" . realpath("../examples/ttf"));
// If you can't get the fonts to render try using one of the following:
//mxConstants::$DEFAULT_FONTFAMILY = "C:\WINDOWS\Fonts\arial.ttf";
//mxConstants::$TTF_ENABLED = false;
main();
