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

# CanvasData

> Represents a state of the canvas and allows for applying this state to the `Canvas` instance.

## Classes

### CanvasData

#### Constructors

##### Constructor

```ts
new CanvasData(
   canvasObject, 
   forService, 
   layerId): CanvasData;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `canvasObject` | [`ICanvasDataSource`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ICanvasDataSource.md#icanvasdatasource) |
| `forService` | `boolean` |
| `layerId` | `string` |

###### Returns

[`CanvasData`](#canvasdata)

#### Properties

##### BBGCC

```ts
BBGCC: string;
```

Big Button Group Css Class

##### BVICC

```ts
BVICC: string;
```

Bad Violation Icon Css Class

##### DBCC

```ts
DBCC: string;
```

Done Button Css Class

##### DBT

```ts
DBT: string;
```

Done Button Title

##### DLTBT

```ts
DLTBT: string;
```

Delete Button Title

##### DS

```ts
DS: boolean;
```

Disable Smoothing

##### EBT

```ts
EBT: string;
```

Edit Button Title

##### GVICC

```ts
GVICC: string;
```

Good Violation Icon Css Class

##### HBCC

```ts
HBCC: string;
```

Handle Button Css Class

##### HBT

```ts
HBT: string;
```

Handle Button Title

##### L

```ts
L: any[] = [];
```

Layers

##### MaxFontSize

```ts
MaxFontSize: number = null;
```

##### MaxLeading

```ts
MaxLeading: number = null;
```

##### MinFontSize

```ts
MinFontSize: number = null;
```

##### MinLeading

```ts
MinLeading: number = null;
```

##### MMT

```ts
MMT: number;
```

Mouse Move Timeout

##### MSE

```ts
MSE: boolean;
```

Multiple Selection Enabled

##### PBGCC

```ts
PBGCC: string;
```

Placeholder Button Group Css Class

##### QBTGCSBCC

```ts
QBTGCSBCC: string;
```

Quality Bad To Good Change Scale Bar Css Class

##### QBTWCSBCC

```ts
QBTWCSBCC: string;
```

Quality Bad To Warning Change Scale Bar Css Class

##### QCCCC

```ts
QCCCC: string;
```

Quality Change Container Css Class

##### QCIBCC

```ts
QCIBCC: string;
```

Quality Change Info Bar Css Class

##### QCSBCC

```ts
QCSBCC: string;
```

Quality Change Scale Bar Css Class

##### QNACSBCC

```ts
QNACSBCC: string;
```

Quality No Animation Change Scale Bar Css Class

##### QWTGCSBCC

```ts
QWTGCSBCC: string;
```

Quality Warning To Good Change Scale Bar Css Class

##### ReGC

```ts
ReGC: string;
```

Resize Grip Color

##### ReGLC

```ts
ReGLC: string;
```

Resize Grip Line Color

##### ReGS

```ts
ReGS: number;
```

Resize Grip Size

##### RoGC

```ts
RoGC: string;
```

Rotation Grip Color

##### RoGLC

```ts
RoGLC: string;
```

Rotation Grip Line Color

##### RoGLL

```ts
RoGLL: number;
```

Rotation Grip Line Length

##### RoGS

```ts
RoGS: number;
```

Rotation Grip Size

##### SBT

```ts
SBT: string;
```

Select Button Title

##### SC

```ts
SC: string;
```

Selection Color

##### SW

```ts
SW: number;
```

Selection Width

##### Tags

```ts
Tags: Object;
```

##### TDpi

```ts
TDpi: number;
```

Target Dpi

##### VBCC

```ts
VBCC: string;
```

ViolationWarning Button Css Class

##### VCCC

```ts
VCCC: string;
```

Violation Container Css Class

##### WH

```ts
WH: number;
```

Workspace Height

##### WVICC

```ts
WVICC: string;
```

Warning Violation Icon Css Class

##### WW

```ts
WW: number;
```

Workspace Width

##### XDpi

```ts
XDpi: number = 72.0;
```

Screen X Dpi

##### YDpi

```ts
YDpi: number = 72.0;
```

Screen Y Dpi

##### Z

```ts
Z: number = 1;
```

Zoom