@nasser-sw/fabric 7.0.1-beta3 → 7.0.1-beta5

package/debug/konva/src/shapes/Line.ts

@@ -1,364 +0,0 @@
-import { Factory } from '../Factory.ts';
-import { _registerNode } from '../Global.ts';
-import type { ShapeConfig } from '../Shape.ts';
-import { Shape } from '../Shape.ts';
-import { getNumberArrayValidator, getNumberValidator } from '../Validators.ts';
-
-import type { Context } from '../Context.ts';
-import type { GetSet } from '../types.ts';
-
-function getControlPoints(
-  x0: number,
-  y0: number,
-  x1: number,
-  y1: number,
-  x2: number,
-  y2: number,
-  t: number
-) {
-  const d01 = Math.sqrt(Math.pow(x1 - x0, 2) + Math.pow(y1 - y0, 2)),
-    d12 = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2)),
-    fa = (t * d01) / (d01 + d12),
-    fb = (t * d12) / (d01 + d12),
-    p1x = x1 - fa * (x2 - x0),
-    p1y = y1 - fa * (y2 - y0),
-    p2x = x1 + fb * (x2 - x0),
-    p2y = y1 + fb * (y2 - y0);
-
-  return [p1x, p1y, p2x, p2y];
-}
-
-function expandPoints(p, tension) {
-  const len = p.length,
-    allPoints: Array<number> = [];
-
-  for (let n = 2; n < len - 2; n += 2) {
-    const cp = getControlPoints(
-      p[n - 2],
-      p[n - 1],
-      p[n],
-      p[n + 1],
-      p[n + 2],
-      p[n + 3],
-      tension
-    );
-    if (isNaN(cp[0])) {
-      continue;
-    }
-    allPoints.push(cp[0]);
-    allPoints.push(cp[1]);
-    allPoints.push(p[n]);
-    allPoints.push(p[n + 1]);
-    allPoints.push(cp[2]);
-    allPoints.push(cp[3]);
-  }
-
-  return allPoints;
-}
-
-export interface LineConfig extends ShapeConfig {
-  points?:
-    | number[]
-    | Int8Array
-    | Uint8Array
-    | Uint8ClampedArray
-    | Int16Array
-    | Uint16Array
-    | Int32Array
-    | Uint32Array
-    | Float32Array
-    | Float64Array;
-  tension?: number;
-  closed?: boolean;
-  bezier?: boolean;
-}
-
-/**
- * Line constructor.&nbsp; Lines are defined by an array of points and
- *  a tension
- * @constructor
- * @memberof Konva
- * @augments Konva.Shape
- * @param {Object} config
- * @param {Array} config.points Flat array of points coordinates. You should define them as [x1, y1, x2, y2, x3, y3].
- * @param {Number} [config.tension] Higher values will result in a more curvy line.  A value of 0 will result in no interpolation.
- *   The default is 0
- * @param {Boolean} [config.closed] defines whether or not the line shape is closed, creating a polygon or blob
- * @param {Boolean} [config.bezier] if no tension is provided but bezier=true, we draw the line as a bezier using the passed points
- * @@shapeParams
- * @@nodeParams
- * @example
- * var line = new Konva.Line({
- *   x: 100,
- *   y: 50,
- *   points: [73, 70, 340, 23, 450, 60, 500, 20],
- *   stroke: 'red',
- *   tension: 1
- * });
- */
-
-export class Line<
-  Config extends LineConfig = LineConfig,
-> extends Shape<Config> {
-  constructor(config?: Config) {
-    super(config);
-    this.on(
-      'pointsChange.konva tensionChange.konva closedChange.konva bezierChange.konva',
-      function () {
-        this._clearCache('tensionPoints');
-      }
-    );
-  }
-
-  _sceneFunc(context: Context) {
-    const points = this.points(),
-      length = points.length,
-      tension = this.tension(),
-      closed = this.closed(),
-      bezier = this.bezier();
-
-    if (!length) {
-      return;
-    }
-    let n = 0;
-
-    context.beginPath();
-    context.moveTo(points[0], points[1]);
-
-    // tension
-    if (tension !== 0 && length > 4) {
-      const tp = this.getTensionPoints();
-      const len = tp.length;
-      n = closed ? 0 : 4;
-
-      if (!closed) {
-        context.quadraticCurveTo(tp[0], tp[1], tp[2], tp[3]);
-      }
-
-      while (n < len - 2) {
-        context.bezierCurveTo(
-          tp[n++],
-          tp[n++],
-          tp[n++],
-          tp[n++],
-          tp[n++],
-          tp[n++]
-        );
-      }
-
-      if (!closed) {
-        context.quadraticCurveTo(
-          tp[len - 2],
-          tp[len - 1],
-          points[length - 2],
-          points[length - 1]
-        );
-      }
-    } else if (bezier) {
-      // no tension but bezier
-      n = 2;
-
-      while (n < length) {
-        context.bezierCurveTo(
-          points[n++],
-          points[n++],
-          points[n++],
-          points[n++],
-          points[n++],
-          points[n++]
-        );
-      }
-    } else {
-      // no tension
-      for (n = 2; n < length; n += 2) {
-        context.lineTo(points[n], points[n + 1]);
-      }
-    }
-
-    // closed e.g. polygons and blobs
-    if (closed) {
-      context.closePath();
-      context.fillStrokeShape(this);
-    } else {
-      // open e.g. lines and splines
-      context.strokeShape(this);
-    }
-  }
-  getTensionPoints() {
-    return this._getCache('tensionPoints', this._getTensionPoints);
-  }
-  _getTensionPoints() {
-    if (this.closed()) {
-      return this._getTensionPointsClosed();
-    } else {
-      return expandPoints(this.points(), this.tension());
-    }
-  }
-  _getTensionPointsClosed() {
-    const p = this.points(),
-      len = p.length,
-      tension = this.tension(),
-      firstControlPoints = getControlPoints(
-        p[len - 2],
-        p[len - 1],
-        p[0],
-        p[1],
-        p[2],
-        p[3],
-        tension
-      ),
-      lastControlPoints = getControlPoints(
-        p[len - 4],
-        p[len - 3],
-        p[len - 2],
-        p[len - 1],
-        p[0],
-        p[1],
-        tension
-      ),
-      middle = expandPoints(p, tension),
-      tp = [firstControlPoints[2], firstControlPoints[3]]
-        .concat(middle)
-        .concat([
-          lastControlPoints[0],
-          lastControlPoints[1],
-          p[len - 2],
-          p[len - 1],
-          lastControlPoints[2],
-          lastControlPoints[3],
-          firstControlPoints[0],
-          firstControlPoints[1],
-          p[0],
-          p[1],
-        ]);
-
-    return tp;
-  }
-  getWidth() {
-    return this.getSelfRect().width;
-  }
-  getHeight() {
-    return this.getSelfRect().height;
-  }
-  // overload size detection
-  getSelfRect() {
-    let points = this.points();
-    if (points.length < 4) {
-      return {
-        x: points[0] || 0,
-        y: points[1] || 0,
-        width: 0,
-        height: 0,
-      };
-    }
-    if (this.tension() !== 0) {
-      points = [
-        points[0],
-        points[1],
-        ...this._getTensionPoints(),
-        points[points.length - 2],
-        points[points.length - 1],
-      ];
-    } else {
-      points = this.points();
-    }
-    let minX = points[0];
-    let maxX = points[0];
-    let minY = points[1];
-    let maxY = points[1];
-    let x, y;
-    for (let i = 0; i < points.length / 2; i++) {
-      x = points[i * 2];
-      y = points[i * 2 + 1];
-      minX = Math.min(minX, x);
-      maxX = Math.max(maxX, x);
-      minY = Math.min(minY, y);
-      maxY = Math.max(maxY, y);
-    }
-    return {
-      x: minX,
-      y: minY,
-      width: maxX - minX,
-      height: maxY - minY,
-    };
-  }
-
-  closed: GetSet<boolean, this>;
-  bezier: GetSet<boolean, this>;
-  tension: GetSet<number, this>;
-  points: GetSet<number[], this>;
-}
-
-Line.prototype.className = 'Line';
-Line.prototype._attrsAffectingSize = ['points', 'bezier', 'tension'];
-_registerNode(Line);
-
-// add getters setters
-Factory.addGetterSetter(Line, 'closed', false);
-
-/**
- * get/set closed flag.  The default is false
- * @name Konva.Line#closed
- * @method
- * @param {Boolean} closed
- * @returns {Boolean}
- * @example
- * // get closed flag
- * var closed = line.closed();
- *
- * // close the shape
- * line.closed(true);
- *
- * // open the shape
- * line.closed(false);
- */
-
-Factory.addGetterSetter(Line, 'bezier', false);
-
-/**
- * get/set bezier flag.  The default is false
- * @name Konva.Line#bezier
- * @method
- * @param {Boolean} bezier
- * @returns {Boolean}
- * @example
- * // get whether the line is a bezier
- * var isBezier = line.bezier();
- *
- * // set whether the line is a bezier
- * line.bezier(true);
- */
-
-Factory.addGetterSetter(Line, 'tension', 0, getNumberValidator());
-
-/**
- * get/set tension
- * @name Konva.Line#tension
- * @method
- * @param {Number} tension Higher values will result in a more curvy line.  A value of 0 will result in no interpolation. The default is 0
- * @returns {Number}
- * @example
- * // get tension
- * var tension = line.tension();
- *
- * // set tension
- * line.tension(3);
- */
-
-Factory.addGetterSetter(Line, 'points', [], getNumberArrayValidator());
-/**
- * get/set points array. Points is a flat array [x1, y1, x2, y2]. It is flat for performance reasons.
- * @name Konva.Line#points
- * @method
- * @param {Array} points
- * @returns {Array}
- * @example
- * // get points
- * var points = line.points();
- *
- * // set points
- * line.points([10, 20, 30, 40, 50, 60]);
- *
- * // push a new point
- * line.points(line.points().concat([70, 80]));
- */