@7polo/kityminder-core/src/connect/arc_tp.js

KityMinder Core Implement

/**
 *
 * 圆弧连线
 *
 * @author: along
 * @copyright: bpd729@163.com , 2015
 */
define(function(require, exports, module) {
    var kity = require('../core/kity');
    var connect = require('../core/connect');

    var connectMarker = new kity.Marker().pipe(function () {
        var r = 7;
        var dot = new kity.Circle(r - 1);
        this.addShape(dot);
        this.setRef(r - 1, 0).setViewBox(-r, -r, r + r, r + r).setWidth(r).setHeight(r);
        this.dot = dot;
        this.node.setAttribute('markerUnits', 'userSpaceOnUse');
    });

    /**
     * 天盘图连线除了连接当前节点和前一个节点外, 还需要渲染当前节点和后一个节点的连接, 防止样式上的断线
     * 这是天盘图与其余的模板不同的地方
     */
    connect.register('arc_tp', function (node, parent, connection, width, color) {
        var end_box = node.getLayoutBox(),
            start_box = parent.getLayoutBox();

        var index = node.getIndex();
        var nextNode = parent.getChildren()[index + 1];


        if (node.getIndex() > 0) {
            start_box = parent.getChildren()[index - 1].getLayoutBox();
        }


        var start, end, vector;
        var abs = Math.abs;
        var pathData = [];
        var side = end_box.x > start_box.x ? 'right' : 'left';

        node.getMinder().getPaper().addResource(connectMarker);


        start = new kity.Point(start_box.cx, start_box.cy);
        end = new kity.Point(end_box.cx, end_box.cy);

        var jl = Math.sqrt(Math.pow((start.x - end.x), 2) + Math.pow((start.y - end.y), 2)); //两圆中心点距离

        jl = node.getIndex() == 0 ? jl * 0.4 : jl;


        vector = kity.Vector.fromPoints(start, end);
        pathData.push('M', start);
        pathData.push('A', jl, jl, 0, 0, 1, end);


        connection.setMarker(connectMarker);
        connectMarker.dot.fill(color);
        connection.setPathData(pathData);


        // 设置下一个的节点的连接线
        if (nextNode && nextNode.getConnection()) {
            var nextConnection = nextNode.getConnection();
            var next_end_box = nextNode.getLayoutBox();
            var next_end = new kity.Point(next_end_box.cx, next_end_box.cy);

            var jl2 = Math.sqrt(Math.pow((end.x - next_end.x), 2) + Math.pow((end.y - next_end.y), 2)); //两圆中心点距离

            pathData = [];

            pathData.push('M', end);
            pathData.push('A', jl2, jl2, 0, 0, 1, next_end);

            nextConnection.setMarker(connectMarker);
            connectMarker.dot.fill(color);

            nextConnection.setPathData(pathData);

        }

    });
});