mxNetworks.js 3.3 KB

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