Source: js/path/line.js

  1. /**
  2.  * Line.
  3.  * @class
  4.  * @param {?object}  [data]                JSON data.
  5.  * @param {?number}  [data.loopStart=180]  Loop start angle in degrees.
  6.  * @param {?number}  [data.loopEnd=270]    Loop end angle in degrees.
  7.  * @param {?boolean} [data.arrow=false]
  8.  * @param {?number}  [data.arrowLength=10]
  9.  * @param {?number}  [data.arrowAngle=15]
  10.  */
  11. ge.path.Line = function Line(data) {
  12. 	ge.path.Path.call(this, data);
  13. 	this.arrow = !!data.arrow;
  14. 	this.arrowLength = +data.arrowLength || 10;
  15. 	this.arrowAngle = new ge.Angle(+data.arrowAngle || 15);
  16. 	this.arrowAngle2 = new ge.Angle(-data.arrowAngle || -15);
  17. };
  19. ge.path.Line.prototype = Object.create(ge.path.Line);
  20. Object.defineProperty(
  21. 	ge.path.Line.prototype,
  22. 	'constructor',
  23. 	{ 
  24. 		value: ge.path.Line,
  25. 		enumerable: false,
  26. 		writable: true
  27. 	}
  28. );
  29. ge.path.addClass(ge.path.Line);
  31. /**
  32.  * Return arrow path.
  33.  * @param   {ge.Point}   src   Link source.
  34.  * @param   {ge.Point}   dst   Link target.
  35.  * @returns {string}           SVG path.
  36.  */
  37. ge.path.Line.prototype.arrowPath = function arrow(src, dst) {
  38. 	var b = src.clone().sub(dst).normalize();
  39. 	var c = b.clone().rotate(this.arrowAngle2).mul(this.arrowLength).add(dst);
  40. 	b.rotate(this.arrowAngle).mul(this.arrowLength).add(dst);
  41. 	return 'M'.concat(
  42. 		dst.x, ',', dst.y,
  43. 		'L', b.x, ',', b.y,
  44. 		'L', c.x, ',', c.y,
  45. 		'Z'
  46. 	);
  47. };
  49. /**
  50.  * Return text path and set link path.
  51.  * @param   {ge.Link}   link   Link data.
  52.  * @returns {string}           SVG path.
  53.  */
  54. ge.path.Line.prototype.path = function path(link) {
  55. 	var src, dst;
  57. 	if(link.source === link.target) {
  58. 		src = link.source.shape.getPoint(link.source, this.loopStart);
  59. 		dst = link.source.shape.getPoint(link.source, this.loopEnd);
  60. 		var rx = link.source.width / 2;
  61. 		var ry = link.source.height / 2;
  63. 		link.reversed = false;
  64. 		link.path = 'M'.concat(
  65. 			src.x, ',', src.y,
  66. 			'A', rx, ',', ry, ',0,1,0,', dst.x, ',', dst.y
  67. 		);
  69. 		/*if(this.arrow) {
  70. 		}*/
  72. 		return link.path;
  73. 	}
  75. 	src = new ge.Point(link.source.x, link.source.y);
  76. 	dst = new ge.Point(link.target.x, link.target.y);
  77. 	var src2 = link.source.shape.intersect(link.source, link.target);
  78. 	var dst2 = link.target.shape.intersect(link.target, link.source);
  79. 	src = src2 || src;
  80. 	dst = dst2 || dst;
  82. 	var dst3 = dst;
  84. 	if(this.arrow) {
  85. 		dst3 = dst.clone().sub(src);
  86. 		var l = dst3.length();
  87. 		var l2 = this.arrowLength * this.arrowAngle.cos;
  88. 		dst3.mul(1 - l2 / l).add(src);
  89. 	}
  90. 	
  91. 	link.path = 'M'.concat(src.x, ',', src.y, 'L', dst3.x, ',', dst3.y);
  93. 	if(this.arrow) {
  94. 		link.path += this.arrowPath(src, dst);
  95. 	}
  97. 	if((link.reversed = src.x > dst.x)) {
  98. 		src2 = src;
  99. 		src = dst;
  100. 		dst = src2;
  101. 	}
  103. 	return 'M'.concat(src.x, ',', src.y, 'L', dst.x, ',', dst.y);
  104. };