dojox/drawing/plugins/tools/Pan (version 1.10)

dojox/drawing/plugins/_Plugin

Summary

A plugin that allows for a scrolling canvas. An action tool is added to the toolbar that allows for panning. Holding the space bar is a shortcut to that action. The canvas will only pan and scroll if there are objects out of the viewable area.

Usage

var foo = new Pan(options);
dojox/drawing/plugins/tools/Pan
Parameter Type Description
options undefined

Examples

Example 1

<div dojoType="dojox.drawing.Toolbar" drawingId="drawingNode" class="drawingToolbar vertical">
    <div tool="dojox.drawing.tools.Line" selected="true">Line</div>
    <div plugin="dojox.drawing.plugins.tools.Pan" options="{}">Pan</div>
</div>

Property Summary

Method Summary

Event Summary

Properties

anchors
button
canvas
drawing
interval
keys
keyScroll
mouse
node
selected
setup
stencils
util

Methods

checkBounds()
connect()
disconnect(handles)

Removes connections based on passed handles arguments

Parameter Type Description
handles Handle | Array

Events

onArrow(evt)
Parameter Type Description
evt undefined

Examples

Example 1

<div dojoType="dojox.drawing.Toolbar" drawingId="drawingNode" class="drawingToolbar vertical">
    <div tool="dojox.drawing.tools.Line" selected="true">Line</div>
    <div plugin="dojox.drawing.plugins.tools.Pan" options="{}">Pan</div>
</div>
onKeyDown(evt)
Parameter Type Description
evt undefined

Examples

Example 1

<div dojoType="dojox.drawing.Toolbar" drawingId="drawingNode" class="drawingToolbar vertical">
    <div tool="dojox.drawing.tools.Line" selected="true">Line</div>
    <div plugin="dojox.drawing.plugins.tools.Pan" options="{}">Pan</div>
</div>
onKeyUp(evt)
Parameter Type Description
evt undefined

Examples

Example 1

<div dojoType="dojox.drawing.Toolbar" drawingId="drawingNode" class="drawingToolbar vertical">
    <div tool="dojox.drawing.tools.Line" selected="true">Line</div>
    <div plugin="dojox.drawing.plugins.tools.Pan" options="{}">Pan</div>
</div>
onPanDrag(obj)
Parameter Type Description
obj undefined

Examples

Example 1

<div dojoType="dojox.drawing.Toolbar" drawingId="drawingNode" class="drawingToolbar vertical">
    <div tool="dojox.drawing.tools.Line" selected="true">Line</div>
    <div plugin="dojox.drawing.plugins.tools.Pan" options="{}">Pan</div>
</div>
onPanUp(obj)
Parameter Type Description
obj undefined

Examples

Example 1

<div dojoType="dojox.drawing.Toolbar" drawingId="drawingNode" class="drawingToolbar vertical">
    <div tool="dojox.drawing.tools.Line" selected="true">Line</div>
    <div plugin="dojox.drawing.plugins.tools.Pan" options="{}">Pan</div>
</div>
onSetPan(bool)
Parameter Type Description
bool Boolean | Event

Examples

Example 1

<div dojoType="dojox.drawing.Toolbar" drawingId="drawingNode" class="drawingToolbar vertical">
    <div tool="dojox.drawing.tools.Line" selected="true">Line</div>
    <div plugin="dojox.drawing.plugins.tools.Pan" options="{}">Pan</div>
</div>
onStencilDrag(obj)
Parameter Type Description
obj undefined

Examples

Example 1

<div dojoType="dojox.drawing.Toolbar" drawingId="drawingNode" class="drawingToolbar vertical">
    <div tool="dojox.drawing.tools.Line" selected="true">Line</div>
    <div plugin="dojox.drawing.plugins.tools.Pan" options="{}">Pan</div>
</div>
onStencilUp(obj)
Parameter Type Description
obj undefined

Examples

Example 1

<div dojoType="dojox.drawing.Toolbar" drawingId="drawingNode" class="drawingToolbar vertical">
    <div tool="dojox.drawing.tools.Line" selected="true">Line</div>
    <div plugin="dojox.drawing.plugins.tools.Pan" options="{}">Pan</div>
</div>
onUp(obj)
Parameter Type Description
obj undefined

Examples

Example 1

<div dojoType="dojox.drawing.Toolbar" drawingId="drawingNode" class="drawingToolbar vertical">
    <div tool="dojox.drawing.tools.Line" selected="true">Line</div>
    <div plugin="dojox.drawing.plugins.tools.Pan" options="{}">Pan</div>
</div>
Error in the documentation? Can’t find what you are looking for? Let us know!