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

# Rubberband

> [`Rubberband`](#rubberband)

## Classes

### Rubberband

#### Constructors

##### Constructor

```ts
new Rubberband(
   left, 
   top, 
   right, 
   bottom): Rubberband;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `left` | `number` |
| `top` | `number` |
| `right` | `number` |
| `bottom` | `number` |

###### Returns

#### Accessors

##### bottom

###### Get Signature

```ts
get bottom(): number;
```

###### Returns

`number`

##### left

###### Get Signature

```ts
get left(): number;
```

###### Returns

`number`

##### right

###### Get Signature

```ts
get right(): number;
```

###### Returns

`number`

##### top

###### Get Signature

```ts
get top(): number;
```

###### Returns

`number`

#### Methods

##### translate()

```ts
translate(shift): Rubberband;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `shift` | `PointF` |

###### Returns

[`Rubberband`](#rubberband)