Class PanZoomTool

The pan/zoom tool can be used in a read-only editor.

Returns information about the pointers in a gesture

Returns a bitmask indicating the currently-enabled modes.

See

setModeEnabled

Returns true iff the tool handled the event and thus should receive additional events.

Returns true iff there are additional pointers down and the tool should remain active to handle the additional events.

For most purposes, this should return false or nothing.

Sets all modes for this tool using a bitmask.

See

setModeEnabled

Example

tool.setMode(PanZoomMode.RotationLocked|PanZoomMode.TwoFingerTouchGestures);
Copy

Changes the types of gestures used by this pan/zoom tool.

See

PanZoomMode setMode

Example

import { Editor, PanZoomTool, PanZoomMode } from 'js-draw';

const editor = new Editor(document.body);

// By default, there are multiple PanZoom tools that handle different events.
// This gets all PanZoomTools.
const panZoomToolList = editor.toolController.getMatchingTools(PanZoomTool);

// The first PanZoomTool is the highest priority -- by default,
// this tool is responsible for handling multi-finger touch gestures.
//
// Lower-priority PanZoomTools handle one-finger touch gestures and
// key-presses.
const panZoomTool = panZoomToolList[0];

// Lock rotation for multi-finger touch gestures.
panZoomTool.setModeEnabled(PanZoomMode.RotationLocked, true);