import PanTool from 'canvas-graph-creator/src/js/tool/pan-tool.js'

public class | source

PanTool

Extends:

Tool → PanTool

Tool for panning the canvas. No longer used directly.

Member Summary

Public Members
public	startPosition: *

Method Summary

Public Methods
public	dragNone(event: Event, graph: Graph, x: number, y: number) Handler for dragging mouse on empty space.
public	dragObject(event: Event, graph: Graph, srcObj: Node \| Edge \| Label, x: number, y: number) Handler for object dragging.
public	dropOnNone(event: Event, graph: Graph, droppedObj: Node \| Edge \| Label, x: number, y: number) Handler for dropping object on empty space.
public	dropOnObject(event: Event, graph: Graph, droppedObj: Node \| Edge \| Label, destObj: Node \| Edge \| Label, x: number, y: number) Handler for object dropping on another object.
public	preSelectNone(event: Event, graph: Graph, x: number, y: number) Called before the selectNone() handler.

Inherited Summary

From class Tool
public	currentMode: *
public	abortSelect(event: Event, graph: Graph, x: number, y: number) Handler for aborted selections.
public	activate() Called when changing to this tool (if necessary).
public	cancel() Called when switching to a different tool to cancel any incomplete actions.
public	changeMode(mode: string) Called when the mode is changed.
public	dragNone(event: Event, graph: Graph, x: number, y: number) Handler for dragging mouse on empty space.
public	dragObject(event: Event, graph: Graph, srcObj: Node \| Edge \| Label, x: number, y: number) Handler for object dragging.
public	dragOverObject(event: Event, graph: Graph, obj: Node \| Edge \| Label, x: number, y: number) Handler for dragging mouse over an object.
public	dropOnNone(event: Event, graph: Graph, droppedObj: Node \| Edge \| Label, x: number, y: number) Handler for dropping object on empty space.
public	dropOnObject(event: Event, graph: Graph, droppedObj: Node \| Edge \| Label, destObj: Node \| Edge \| Label, x: number, y: number) Handler for object dropping on another object.
public	hasInputs(): boolean Returns a boolean indicating whether or not the tool has inputs.
public	hasModeInputs(): boolean Returns a boolean indicating whether or not the tool has mode-specific inputs.
public	hasModes(): boolean Returns a boolean indicating whether or not the tool has modes.
public	preDragNone(event: Event, graph: Graph, x: number, y: number) Called before the dragNone() handler.
public	preDragObject(event: Event, graph: Graph, srcObj: Node \| Edge \| Label, x: number, y: number): boolean Returns a boolean indicating whether or not the tool should be able to handle dragging.
public	preSelectNone(event: Event, graph: Graph, x: number, y: number) Called before the selectNone() handler.
public	preSelectObject(event: Event, graph: Graph, obj: Node \| Edge \| Label, x: number, y: number): boolean Returns a boolean indicating whether or not the tool should be able to handle selection.
public	selectNone(event: Event, graph: Graph, x: number, y: number) Handler for clicking empty space.
public	selectObject(event: Event, graph: Graph, obj: Node \| Edge \| Label, x: number, y: number) Handler for object selection.

Public Members

public startPosition: * source

Public Methods

public dragNone(event: Event, graph: Graph, x: number, y: number) source

Handler for dragging mouse on empty space. Updates the canvas position based on the current mouse position.

Override:

Tool#dragNone

Params:

Name	Type	Attribute	Description
event	Event		Event object from event listener.
graph	Graph		The current graph object.
x	number		Mouse x-coordinate (in canvas coordinates).
y	number		Mouse y-coordinate (in canvas coordinates).

public dragObject(event: Event, graph: Graph, srcObj: Node | Edge | Label, x: number, y: number) source

Handler for object dragging. Ignores the object and calls dragNone().

Override:

Tool#dragObject

Params:

Name	Type	Attribute	Description
event	Event		Event object from event listener.
graph	Graph		The current graph object.
srcObj	Node \| Edge \| Label		Dragged graph component.
x	number		Mouse x-coordinate (in canvas coordinates).
y	number		Mouse y-coordinate (in canvas coordinates).

public dropOnNone(event: Event, graph: Graph, droppedObj: Node | Edge | Label, x: number, y: number) source

Handler for dropping object on empty space. Clears the stored mouse and canvas positions.

Override:

Tool#dropOnNone

Params:

Name	Type	Attribute	Description
event	Event		Event object from event listener.
graph	Graph		The current graph object.
droppedObj	Node \| Edge \| Label		Dropped graph component.
x	number		Mouse x-coordinate (in canvas coordinates).
y	number		Mouse y-coordinate (in canvas coordinates).

public dropOnObject(event: Event, graph: Graph, droppedObj: Node | Edge | Label, destObj: Node | Edge | Label, x: number, y: number) source

Handler for object dropping on another object. Ignores the object and calls dropOnNone().

Override:

Tool#dropOnObject

Params:

Name	Type	Attribute	Description
event	Event		Event object from event listener.
graph	Graph		The current graph object.
droppedObj	Node \| Edge \| Label		Dropped graph component.
destObj	Node \| Edge \| Label		Graph component that the object was dropped onto.
x	number		Mouse x-coordinate (in canvas coordinates).
y	number		Mouse y-coordinate (in canvas coordinates).

public preSelectNone(event: Event, graph: Graph, x: number, y: number) source

Called before the selectNone() handler. Stores the initial position of the mouse and the display location of the canvas.

Override:

Tool#preSelectNone

Params:

Name	Type	Attribute	Description
event	Event		Event object from event listener.
graph	Graph		The current graph object.
x	number		Mouse x-coordinate (in canvas coordinates).
y	number		Mouse y-coordinate (in canvas coordinates).