Source: Point.js

  1. import { Vector } from "./Vector.js";
  2. import { Circle } from "./Circle.js";
  3. import { Line } from "./Line.js";
  5. /**
  6.  * Class representing a Point.
  7.  *
  8.  * A Point is a small plottable shape that is drawn as either a {@link Circle}
  9.  * by default, or a very short {@link Line}.
  10.  * 
  11.  * Points can be instantiated with a vector position.
  12.  */
  13. export class Point {
  14.   /**
  15.    * Create a Point.
  16.    *
  17.    * Points are constructed from a {@link Vector} position, a size, and a style.
  18.    *
  19.    * @param {Vector} position - The position of the Point as a {@link Vector}.
  20.    * @param {Number} [length = 0.25] - The radius or length of the drawn Point.
  21.    * @param {string} [style = "circle"] - Shape type ("circle" or "line").
  22.    */
  23.   constructor(position, length = 0.25, style = "circle") {
  24.     this.position = position;
  25.     this.style = style;
  26.     this.length = length;
  27.   }
  29.   /**
  30. 	 * Converts the Point to an SVGElement.
  31. 	 *
  32. 	 * This method is used by {@link Plot#add}.
  33.    * @returns {SVGElement}
  34.    */
  35.   toSVGElement() {
  36.     let shape;
  37.     switch (this.style) {
  38.       case "circle":
  39.         shape = new Circle(this.position.x, this.position.y, this.length);
  40.         return shape.toSVGElement();
  41.       case "line":
  42.         // let length =         // let direction = 0;
  43.         shape = new Line(this.position, Vector.add(this.position, new Vector(this.length, 0)
  44. ));
  45.         return shape.toSVGElement();
  46.     }
  47.   }
  48. }