mxNetworks.js
3.32 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
/**
* $Id: mxNetworks.js,v 1.0 2015/06/15 17:05:39 mate Exp $
* Copyright (c) 2006-2015, JGraph Ltd
*/
//**********************************************************************************************************************************************************
//Bus
//**********************************************************************************************************************************************************
/**
* Extends mxShape.
*/
function mxShapeNetworksBus(bounds, fill, stroke, strokewidth)
{
mxShape.call(this);
this.bounds = bounds;
this.fill = fill;
this.stroke = stroke;
this.strokewidth = (strokewidth != null) ? strokewidth : 1;
};
/**
* Extends mxShape.
*/
mxUtils.extend(mxShapeNetworksBus, mxShape);
mxShapeNetworksBus.prototype.cst = {
SHAPE_BUS : 'mxgraph.networks.bus'
};
/**
* Function: paintVertexShape
*
* Paints the vertex shape.
*/
mxShapeNetworksBus.prototype.paintVertexShape = function(c, x, y, w, h)
{
c.translate(x, y);
this.background(c, x, y, w, h);
c.setShadow(false);
this.foreground(c, x, y, w, h);
};
mxShapeNetworksBus.prototype.background = function(c, x, y, w, h)
{
c.begin();
c.moveTo(8, h * 0.5 + 10);
c.arcTo(12, 12, 0, 0, 1, 8, h * 0.5 - 10);
c.lineTo(w - 8, h * 0.5 - 10);
c.arcTo(12, 12, 0, 0, 1, w - 8, h * 0.5 + 10);
c.close();
c.fillAndStroke();
};
mxShapeNetworksBus.prototype.foreground = function(c, x, y, w, h)
{
c.setFillColor('#ffffff');
c.begin();
c.moveTo(w - 8, h * 0.5 - 10);
c.arcTo(12, 12, 0, 0, 1, w - 8, h * 0.5 + 10);
c.arcTo(12, 12, 0, 0, 1, w - 8, h * 0.5 - 10);
c.fillAndStroke();
};
mxCellRenderer.registerShape(mxShapeNetworksBus.prototype.cst.SHAPE_BUS, mxShapeNetworksBus);
//**********************************************************************************************************************************************************
//Comm Link
//**********************************************************************************************************************************************************
function mxShapeNetworksCommLinkEdge()
{
mxArrow.call(this);
};
mxUtils.extend(mxShapeNetworksCommLinkEdge, mxArrow);
mxShapeNetworksCommLinkEdge.prototype.paintEdgeShape = function(c, pts)
{
// Base vector (between end points)
var p0 = pts[0];
var pe = pts[pts.length - 1];
var dx = pe.x - p0.x;
var dy = pe.y - p0.y;
p0.x = p0.x + dx * 0.05;
p0.y = p0.y + dy * 0.05;
pe.x = pe.x - dx * 0.05;
pe.y = pe.y - dy * 0.05;
dx = pe.x - p0.x;
dy = pe.y - p0.y;
var dist = Math.sqrt(dx * dx + dy * dy);
var nx = dx / dist;
var ny = dy / dist;
var midX = p0.x + dx * 0.5;
var midY = p0.y + dy * 0.5;
var p1x = midX + nx * dist / 3 * 0.1 - ny / 3 * dist * 0.1;
var p1y = midY + ny * dist / 3 * 0.1 + nx / 3 * dist * 0.1;
var p2x = midX + nx * dist * 0.1 + ny * dist * 0.1;
var p2y = midY + ny * dist * 0.1 - nx * dist * 0.1;
var p3x = midX - nx * dist / 3 * 0.1 + ny / 3 * dist * 0.1;
var p3y = midY - ny * dist / 3 * 0.1 - nx / 3 * dist * 0.1;
var p4x = midX - nx * dist * 0.1 - ny * dist * 0.1;
var p4y = midY - ny * dist * 0.1 + nx * dist * 0.1;
c.begin();
c.moveTo(p0.x, p0.y);
c.lineTo(p2x, p2y);
c.lineTo(p1x, p1y);
c.lineTo(pe.x, pe.y);
c.lineTo(p4x, p4y);
c.lineTo(p3x, p3y);
c.close();
c.fillAndStroke();
};
//Registers the comm link edge
mxCellRenderer.registerShape('mxgraph.networks.comm_link_edge', mxShapeNetworksCommLinkEdge);