arc.js 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. /**
  2. * @fileOverview
  3. *
  4. * 圆弧连线
  5. *
  6. * @author: techird
  7. * @copyright: Baidu FEX, 2014
  8. */
  9. define(function(require, exports, module) {
  10. var kity = require('../core/kity');
  11. var connect = require('../core/connect');
  12. var connectMarker = new kity.Marker().pipe(function() {
  13. var r = 7;
  14. var dot = new kity.Circle(r - 1);
  15. this.addShape(dot);
  16. this.setRef(r - 1, 0).setViewBox(-r, -r, r + r, r + r).setWidth(r).setHeight(r);
  17. this.dot = dot;
  18. this.node.setAttribute('markerUnits', 'userSpaceOnUse');
  19. });
  20. connect.register('arc', function(node, parent, connection, width, color) {
  21. var box = node.getLayoutBox(),
  22. pBox = parent.getLayoutBox();
  23. var start, end, vector;
  24. var abs = Math.abs;
  25. var pathData = [];
  26. var side = box.x > pBox.x ? 'right' : 'left';
  27. node.getMinder().getPaper().addResource(connectMarker);
  28. start = new kity.Point(pBox.cx, pBox.cy);
  29. end = side == 'left' ?
  30. new kity.Point(box.right + 2, box.cy) :
  31. new kity.Point(box.left - 2, box.cy);
  32. vector = kity.Vector.fromPoints(start, end);
  33. pathData.push('M', start);
  34. pathData.push('A', abs(vector.x), abs(vector.y), 0, 0, (vector.x * vector.y > 0 ? 0 : 1), end);
  35. connection.setMarker(connectMarker);
  36. connectMarker.dot.fill(color);
  37. connection.setPathData(pathData);
  38. });
  39. });