Class SnapService

constructor

• new SnapService(eulerEngine: EulerGraph): SnapService

  Parameters

  • eulerEngine: EulerGraph

  Returns SnapService

ReadonlyeulerEngine

settings

snapPoint

• get snapPoint(): SnapPoint | undefined

  Returns SnapPoint | undefined

snapRadius

• get snapRadius(): number

  Returns number

dispose

• dispose(): void

  Returns void

drawClosestMagnetPoint

• drawClosestMagnetPoint(draggingCell: GraphicElement): void

  Parameters

  • draggingCell: GraphicElement

  Returns void

drawMagnetPoints

• drawMagnetPoints(draggingCell: GraphicElement): void

  Parameters

  • draggingCell: GraphicElement

  Returns void

drawSnapHelper

• drawSnapHelper(
      ctx: CanvasRenderingContext2D,
      point: PointLike,
      cell?: GraphicElement,
  ): void

  Parameters

  • ctx: CanvasRenderingContext2D
  • point: PointLike
  • Optionalcell: GraphicElement

  Returns void

drawSnapRadius

• drawSnapRadius(ctx: CanvasRenderingContext2D, point: PointLike): void

  Parameters

  • ctx: CanvasRenderingContext2D
  • point: PointLike

  Returns void

findBorderAlignment

• findBorderAlignment(
      cells: GraphicElement[],
      bbox?: Rect,
  ):
      | {
          closest: Cell
          | null;
          direction: "vertical" | "horizontal";
          fromPoint: PointLike;
          offset?: PointLike;
          snapPoint?: PointLike;
          toPoint: PointLike;
      }
      | null

  Parameters

  • cells: GraphicElement[]
  • Optionalbbox: Rect

  Returns
      | {
          closest: Cell
          | null;
          direction: "vertical" | "horizontal";
          fromPoint: PointLike;
          offset?: PointLike;
          snapPoint?: PointLike;
          toPoint: PointLike;
      }
      | null

findClosestMagnetPoint

• findClosestMagnetPoint(
      shape: GraphicElement,
  ): {
      cell: GraphicElement | null;
      dist: number;
      magnetFrom: Point | null;
      magnetTarget: Point | null;
  }

  Parameters

  • shape: GraphicElement

  Returns {
      cell: GraphicElement | null;
      dist: number;
      magnetFrom: Point | null;
      magnetTarget: Point | null;
  }

getCloseShapes

• getCloseShapes(
      boundingSphere: { center: Point; radius: number },
  ): GraphicElement[]

  Parameters

  • boundingSphere: { center: Point; radius: number }

  Returns GraphicElement[]

getDragSnap

• getDragSnap(
      cells: GraphicElement[],
  ): { offsetX: number; offsetY: number } | null

  Parameters

  • cells: GraphicElement[]

  Returns { offsetX: number; offsetY: number } | null

getGridSnappedPoint

• getGridSnappedPoint(point?: PointLike): Point | undefined

  Parameters

  • Optionalpoint: PointLike

  Returns Point | undefined

getSnapPoint

• getSnapPoint(
      point: Point,
      additionalPoints?: Point[],
      exclude?: GraphicElement | null,
  ): SnapPoint

  Parameters

  • point: Point
  • OptionaladditionalPoints: Point[]
  • Optionalexclude: GraphicElement | null

  Returns SnapPoint

moveToMagnetPoint

• moveToMagnetPoint(shape: GraphicElement): void

  Parameters

  • shape: GraphicElement

  Returns void

updateSettings

• updateSettings(settings: Partial<SnapServiceSettings>): void

  Parameters

  • settings: Partial<SnapServiceSettings>

  Returns void