---
title: "RubberbandHandler | Customer's Canvas On-Premises"
canonical: "https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RubberbandHandler/"
---

# RubberbandHandler

> [`RubberbandHandler`](#rubberbandhandler)

## Classes

### RubberbandHandler

#### Constructors

##### Constructor

```ts
new RubberbandHandler(): RubberbandHandler;
```

###### Returns

#### Accessors

##### isActive

###### Get Signature

```ts
get isActive(): boolean;
```

###### Returns

`boolean`

#### Methods

##### addOnRubberbandChanged()

```ts
addOnRubberbandChanged(handler): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `handler` | () => `any` |

###### Returns

`void`

##### draw()

```ts
draw(
   ctx, 
   renderer, 
   offset): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `ctx` | `CanvasRenderingContext2D` |
| `renderer` | [`CanvasRenderer`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/CanvasRenderer.md#canvasrenderer) |
| `offset` | `PointF` |

###### Returns

`void`

##### removeOnRubberbandChanged()

```ts
removeOnRubberbandChanged(handler): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `handler` | () => `any` |

###### Returns

`void`

##### updateRubberband()

```ts
updateRubberband(
   point, 
   startPoint, 
   state): Rubberband;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `point` | `PointF` |
| `startPoint` | `PointF` |
| `state` | [`InputState`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/IInputManager.md#inputstate) |

###### Returns

[`Rubberband`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/Rubberband.md#rubberband)