diff --git a/src/pages/webpack/anchors.html b/src/pages/webpack/anchors.html deleted file mode 100644 index 5402a8b77..000000000 --- a/src/pages/webpack/anchors.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - Anchors example for mxGraph - - - - - - - - -
-
- - diff --git a/src/pages/webpack/src/anchors.js b/src/pages/webpack/src/anchors.js deleted file mode 100644 index 09fa8fef8..000000000 --- a/src/pages/webpack/src/anchors.js +++ /dev/null @@ -1,99 +0,0 @@ -let mxgraph = require("../../../dist/build")({ - mxImageBasePath: "../../src/images", - mxBasePath: "../../src" - }), - mxGraph = mxgraph.mxGraph, - mxShape = mxgraph.mxShape, - mxConnectionConstraint = mxgraph.mxConnectionConstraint, - mxPoint = mxgraph.mxPoint, - mxPolyline = mxgraph.mxPolyline, - mxEvent = mxgraph.mxEvent, - mxRubberband = mxgraph.mxRubberband, - mxCellState = mxgraph.mxCellState; - -window.onload = () => { - // Overridden to define per-shape connection points - mxGraph.prototype.getAllConnectionConstraints = function(terminal, source) - { - if (terminal != null && terminal.shape != null) - { - if (terminal.shape.stencil != null) - { - if (terminal.shape.stencil.constraints != null) - { - return terminal.shape.stencil.constraints; - } - } - else if (terminal.shape.constraints != null) - { - return terminal.shape.constraints; - } - } - - return null; - }; - - // Defines the default constraints for all shapes - mxShape.prototype.constraints = [new mxConnectionConstraint(new mxPoint(0.25, 0), true), - new mxConnectionConstraint(new mxPoint(0.5, 0), true), - new mxConnectionConstraint(new mxPoint(0.75, 0), true), - new mxConnectionConstraint(new mxPoint(0, 0.25), true), - new mxConnectionConstraint(new mxPoint(0, 0.5), true), - new mxConnectionConstraint(new mxPoint(0, 0.75), true), - new mxConnectionConstraint(new mxPoint(1, 0.25), true), - new mxConnectionConstraint(new mxPoint(1, 0.5), true), - new mxConnectionConstraint(new mxPoint(1, 0.75), true), - new mxConnectionConstraint(new mxPoint(0.25, 1), true), - new mxConnectionConstraint(new mxPoint(0.5, 1), true), - new mxConnectionConstraint(new mxPoint(0.75, 1), true)]; - - // Edges have no connection points - mxPolyline.prototype.constraints = null; - - // Program starts here. Creates a sample graph in the - // DOM node with the specified ID. This function is invoked - // from the onLoad event handler of the document (see below). - function main(container) - { - // Disables the built-in context menu - mxEvent.disableContextMenu(container); - - // Creates the graph inside the given container - let graph = new mxGraph(container); - graph.setConnectable(true); - - // Enables connect preview for the default edge style - graph.connectionHandler.createEdgeState = function(me) - { - let edge = graph.createEdge(null, null, null, null, null); - - return new mxCellState(this.graph.view, edge, this.graph.getCellStyle(edge)); - }; - - // Specifies the default edge style - graph.getStylesheet().getDefaultEdgeStyle()['edgeStyle'] = 'orthogonalEdgeStyle'; - - // Enables rubberband selection - new mxRubberband(graph); - - // Gets the default parent for inserting new cells. This - // is normally the first child of the root (ie. layer 0). - let parent = graph.getDefaultParent(); - - // Adds cells to the model in a single step - graph.getModel().beginUpdate(); - try - { - var v1 = graph.insertVertex(parent, null, 'Hello,', 20, 20, 80, 30); - var v2 = graph.insertVertex(parent, null, 'World!', 200, 150, 80, 30); - var e1 = graph.insertEdge(parent, null, '', v1, v2); - } - finally - { - // Updates the display - graph.getModel().endUpdate(); - } - }; - - main(document.getElementById('graphContainer')); -};