---
title: ScrollCanvas
order: 12
---

- [Scroll Canvas](/examples/interaction/moveCanvas/#scrollBoth)
- [Scroll Canvas alone Y-asix](/examples/interaction/moveCanvas/#scrollY)

## allowDragOnItem

**Type**: `boolean | {node?: boolean; edge?: boolean; combo?: boolean}`

**Default**: `false`

Whether to scroll the canvas when dragging the node, edge or combo

<embed src="../../common/BehaviorDirection.en.md"></embed>

<embed src="../../common/BehaviorEnableOptimize.en.md"></embed>

<embed src="../../common/BehaviorScalableRange.en.md"></embed>

## zoomKey

**Type**: `string | string[]`

**Default**: `ctrl`

The key to trigger zooming

## zoomRatio

**Type**: `number`

**Default**: `0.05`

The ratio of zooming