Graph SVG Library
A SVG library used by easyflow
Engine API
Graph(ready)
Dom ready wrapper.
;
Graph.paper([width = 800 [, height = 600]])
Create new paper.
var paper = Graph;// orvar paper = 800 600;
Paper.rect([x = 0 [, y = 0 [, width = 0 [, height = 0]]]])
Create and render rectangle into paper
var r = paper;// orvar r = 20 20 100 100;
Paper.circle([cx = 0 [, cy = 0 [, r = 0]]])
Create and render circle into paper
var c = paper;// orvar r = 20 20 30;
Core Plugins
draggable([options])
Get or set drag plugin
var r = paper; r; // get plugin, then set snappingr
resizable([options])
Get or set resize plugin
var r = paper;r;
editable([options])
Get or set label editor plugin
var r = paper;r;
connectable([options])
Get or set link provider plugin
var r = paper;r;
zoomable([options])
Get or set panzoom plugin
var p = Graph;p;
animable([options])
Get or set animator plugin
var r = paper;r;
Layout
default
// create papervar p = Graph; // setup layoutp; // add new rectanglep; // refreshp;
Link (Connector)
By default, link type defined in layout
var p = Graph;var a = p;var b = p; // connect two vectorp;
Directed Link
var rect1 = paper;var rect2 = paper; var router = rect1 rect2;var link = router;link;link;
Orthogonal Link
var rect1 = paper;var rect2 = paper; var router = rect1 rect2;var link = router;link;link;