intersection-drawer.js 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. import { PointDrawer } from "../../point-component/drawers/point-drawer";
  2. import { ELEMENTS_CLASS } from "../../../core/enums/elements-class-enum";
  3. import { Drawer } from "../../../core/drawers/drawer";
  4. import { app as App } from "../../../app";
  5. import { objects } from "../../../core/application/objects";
  6. import { DrawerAggregator } from "../../../core/drawers/drawer-aggregator";
  7. import { intersectionService } from "../services/intersection-service";
  8. export class IntersectionDrawer extends Drawer {
  9. static FIRST_OBJECT_STATE() {
  10. return "FIRST_OBJECT";
  11. }
  12. static SECOND_OBJECT_STATE() {
  13. return "SECOND_OBJECTf";
  14. }
  15. constructor() {
  16. super();
  17. this.aggregatorA;
  18. this.aggregatorB;
  19. this.label;
  20. this.states = [
  21. IntersectionDrawer.FIRST_OBJECT_STATE,
  22. IntersectionDrawer.SECOND_OBJECT_STATE
  23. ];
  24. this.intersections = [];
  25. this.pointDrawer = new PointDrawer();
  26. super.setElementClass(ELEMENTS_CLASS.INTERSECTION_POINT);
  27. }
  28. draw(e) {
  29. if (e != undefined && e.attrs != undefined) {
  30. this.aggregatorA = this.getObjectAggregatorByGenericObject(e.attrs.genericObject.r);
  31. this.aggregatorB = this.getObjectAggregatorByGenericObject(e.attrs.genericObject.s);
  32. this.drawByIntersectionPoints([e.attrs.genericObject]);
  33. return;
  34. }
  35. if (e == undefined || !this.isValidObject(e.target)) return;
  36. const selectedTool = App.getSelectedTool();
  37. if (
  38. selectedTool != undefined &&
  39. selectedTool.drawer != undefined &&
  40. selectedTool.drawer.elementClass == ELEMENTS_CLASS.INTERSECTION_POINT
  41. ) {
  42. if (
  43. this.state == undefined ||
  44. this.state == IntersectionDrawer.FIRST_OBJECT_STATE
  45. ) {
  46. this.setFirstObject(e.target);
  47. this.setState(IntersectionDrawer.SECOND_OBJECT_STATE);
  48. } else if (this.state == IntersectionDrawer.SECOND_OBJECT_STATE) {
  49. this.setSecondObject(e.target);
  50. this.drawPoint();
  51. this.clear();
  52. }
  53. }
  54. }
  55. setFirstObject(konvaObject) {
  56. const aggregator = this.getObjectAggregator(konvaObject);
  57. this.aggregatorA = aggregator;
  58. }
  59. setSecondObject(konvaObject) {
  60. const aggregator = this.getObjectAggregator(konvaObject);
  61. this.aggregatorB = aggregator;
  62. }
  63. getObjectAggregator(konvaObject) {
  64. return objects.getByKonvaObject(konvaObject)[0];
  65. }
  66. getObjectAggregatorByGenericObject(genericObject) {
  67. return objects.getByGenericObject(genericObject)[0];
  68. }
  69. drawPoint() {
  70. const intersectionPoints = intersectionService.addIntersections(this.aggregatorA.genericObject.getIntersection(
  71. this.aggregatorB.genericObject
  72. ));
  73. this.drawByIntersectionPoints(intersectionPoints);
  74. }
  75. drawByIntersectionPoints(intersectionPoints) {
  76. for (let index = 0; index < intersectionPoints.length; index++) {
  77. const intersectionPoint = intersectionPoints[index];
  78. intersectionPoint.update();
  79. // if (!intersectionPoint.visible) return;
  80. const point = PointDrawer.drawPoint(
  81. intersectionPoint,
  82. false,
  83. false,
  84. true
  85. );
  86. const aggregator = new DrawerAggregator(
  87. this,
  88. intersectionPoint,
  89. point.konvaObject,
  90. ELEMENTS_CLASS.INTERSECTION_POINT
  91. );
  92. super.addAggregator(aggregator);
  93. this.aggregatorB.addAggregator(aggregator);
  94. this.aggregatorA.addAggregator(aggregator);
  95. }
  96. }
  97. isValidObject(konvaObject) {
  98. switch (konvaObject.attrs.class) {
  99. case ELEMENTS_CLASS.LINE_SEGMENT:
  100. return true;
  101. case ELEMENTS_CLASS.CIRCUMFERENCE:
  102. return true;
  103. default:
  104. return false;
  105. }
  106. }
  107. update(aggregator, e) {
  108. aggregator.genericObject.update(aggregator, e);
  109. if (!aggregator.genericObject.visible || aggregator.genericObject.posX == Number.MAX_SAFE_INTEGER) {
  110. if (aggregator.visible) {
  111. aggregator.konvaObject.hide();
  112. aggregator.aggregators.forEach(a => {
  113. a.visible = false;
  114. a.konvaObject.hide();
  115. });
  116. this.batchDraw();
  117. }
  118. aggregator.visible = false;
  119. return;
  120. }
  121. aggregator.konvaObject.x(aggregator.genericObject.posX);
  122. aggregator.konvaObject.y(aggregator.genericObject.posY);
  123. if (!aggregator.visible || aggregator.genericObject.posX == Number.MAX_SAFE_INTEGER) {
  124. aggregator.genericObject.visible = true;
  125. aggregator.konvaObject.show();
  126. aggregator.aggregators.forEach(a => {
  127. a.visible = true;
  128. a.konvaObject.show();
  129. });
  130. aggregator.visible = true;
  131. }
  132. this.batchDraw();
  133. }
  134. reset() {
  135. this.aggregatorA = undefined;
  136. this.aggregatorB = undefined;
  137. this.setState(undefined);
  138. }
  139. }