mxgraph简单的例子-html代码-BFW代码库

mxgraph简单的例子

代码语言：html

所属分类：其他

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone"  type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
    	mxBasePath = 'http://repo.bfw.wiki/bfwrepo/js/mxgraph/';
        bready(function() {
            use(["mxClient"], function() {
                // Overridden to define per-shape connection points
                mxGraph.prototype.getAllConnectionConstraints = function(terminal, source) {
                    if (terminal != null && terminal.shape != null) {
                        if (terminal.shape.stencil != 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;
                main(document.getElementById('graphContainer'));

            });
        });
                        // 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) {
                    // Checks .........完整代码请登录后点击上方下载按钮下载查看