draw/TLinePainter.mjs

  1. import { BIT } from '../core.mjs';
  2. import { DrawOptions } from '../base/BasePainter.mjs';
  3. import { ObjectPainter } from '../base/ObjectPainter.mjs';
  4. import { ensureTCanvas } from '../gpad/TCanvasPainter.mjs';
  5. import { addMoveHandler } from '../gui/utils.mjs';
  6. import { assignContextMenu } from '../gui/menu.mjs';
  9. const kLineNDC = BIT(14);
  11. /**
  12.  * @summary Painter for TLine class
  13.  * @private
  14.  */
  16. class TLinePainter extends ObjectPainter {
  18.    #side; // side which is interactively moved
  20.    /** @summary Start interactive moving */
  21.    moveStart(x, y) {
  22.       const fullsize = Math.max(1, Math.sqrt((this.x1 - this.x2)**2 + (this.y1 - this.y2)**2)),
  23.             sz1 = Math.sqrt((x - this.x1)**2 + (y - this.y1)**2)/fullsize,
  24.             sz2 = Math.sqrt((x - this.x2)**2 + (y - this.y2)**2)/fullsize;
  25.       if (sz1 > 0.9)
  26.          this.#side = 1;
  27.       else if (sz2 > 0.9)
  28.          this.#side = -1;
  29.       else
  30.          this.#side = 0;
  31.    }
  33.    /** @summary Continue interactive moving */
  34.    moveDrag(dx, dy) {
  35.       if (this.#side !== 1) { this.x1 += dx; this.y1 += dy; }
  36.       if (this.#side !== -1) { this.x2 += dx; this.y2 += dy; }
  37.       this.getG().select('path').attr('d', this.createPath());
  38.    }
  40.    /** @summary Finish interactive moving */
  41.    moveEnd(not_changed) {
  42.       if (not_changed) return;
  43.       const line = this.getObject();
  44.       let exec = '',
  45.           fx1 = this.svgToAxis('x', this.x1, this.isndc),
  46.           fx2 = this.svgToAxis('x', this.x2, this.isndc),
  47.           fy1 = this.svgToAxis('y', this.y1, this.isndc),
  48.           fy2 = this.svgToAxis('y', this.y2, this.isndc);
  49.       if (this.swap_xy)
  50.          [fx1, fy1, fx2, fy2] = [fy1, fx1, fy2, fx2];
  51.       line.fX1 = fx1;
  52.       line.fX2 = fx2;
  53.       line.fY1 = fy1;
  54.       line.fY2 = fy2;
  55.       if (this.#side !== 1) exec += `SetX1(${fx1});;SetY1(${fy1});;`;
  56.       if (this.#side !== -1) exec += `SetX2(${fx2});;SetY2(${fy2});;`;
  57.       this.submitCanvExec(exec + 'Notify();;');
  58.    }
  60.    /** @summary Returns object ranges
  61.      * @desc Can be used for newly created canvas */
  62.    getUserRanges() {
  63.       const line = this.getObject(),
  64.             isndc = line.TestBit(kLineNDC);
  65.       if (isndc)
  66.          return null;
  67.       const minx = Math.min(line.fX1, line.fX2),
  68.             maxx = Math.max(line.fX1, line.fX2),
  69.             miny = Math.min(line.fY1, line.fY2),
  70.             maxy = Math.max(line.fY1, line.fY2);
  71.       return { minx, miny, maxx, maxy };
  72.    }
  74.    /** @summary Calculate line coordinates */
  75.    prepareDraw() {
  76.       const line = this.getObject();
  78.       this.isndc = line.TestBit(kLineNDC);
  80.       const use_frame = this.isndc ? false : new DrawOptions(this.getDrawOpt()).check('FRAME');
  82.       this.createG(use_frame ? 'frame2d' : undefined);
  84.       this.swap_xy = use_frame && this.getFramePainter()?.swap_xy();
  86.       const func = this.getAxisToSvgFunc(this.isndc, true);
  88.       this.x1 = func.x(line.fX1);
  89.       this.y1 = func.y(line.fY1);
  90.       this.x2 = func.x(line.fX2);
  91.       this.y2 = func.y(line.fY2);
  93.       if (this.swap_xy)
  94.          [this.x1, this.y1, this.x2, this.y2] = [this.y1, this.x1, this.y2, this.x2];
  96.       this.createAttLine({ attr: line });
  97.    }
  99.    /** @summary Create path */
  100.    createPath() {
  101.       const x1 = Math.round(this.x1), x2 = Math.round(this.x2), y1 = Math.round(this.y1), y2 = Math.round(this.y2);
  102.       return `M${x1},${y1}` + (x1 === x2 ? `V${y2}` : (y1 === y2 ? `H${x2}` : `L${x2},${y2}`));
  103.    }
  105.    /** @summary Add extras - used for TArrow */
  106.    addExtras() {}
  108.    /** @summary Redraw line */
  109.    redraw() {
  110.       this.prepareDraw();
  112.       const elem = this.appendPath(this.createPath())
  113.                        .call(this.lineatt.func);
  115.       if (this.getObject()?.$do_not_draw)
  116.          elem.remove();
  117.       else {
  118.          this.addExtras(elem);
  119.          addMoveHandler(this);
  120.          assignContextMenu(this);
  121.       }
  123.       return this;
  124.    }
  126.    /** @summary Draw TLine object */
  127.    static async draw(dom, obj, opt) {
  128.       const painter = new TLinePainter(dom, obj, opt);
  129.       return ensureTCanvas(painter, false).then(() => painter.redraw());
  130.    }
  132. } // class TLinePainter
  135. export { TLinePainter };