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

# CanvasRendererStyle

> [`CanvasRendererStyle`](#canvasrendererstyle)

## Classes

### CanvasRendererStyle

#### Constructors

##### Constructor

```ts
new CanvasRendererStyle(): CanvasRendererStyle;
```

###### Returns

#### Properties

##### artworkSize

```ts
artworkSize: ArtworkSizeStyle;
```

##### hover

```ts
hover: HoverStyle;
```

##### rubberband

```ts
rubberband: RubberbandStyle;
```

##### selection

```ts
selection: SelectionStyleConfig;
```

##### spotlight

```ts
spotlight: SpotlightStyle;
```

#### Accessors

##### baselineColor

###### Get Signature

```ts
get baselineColor(): string;
```

###### Returns

`string`

###### Set Signature

```ts
set baselineColor(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `string` |

###### Returns

`void`

##### canvasItemHoverEnabled

###### Get Signature

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

###### Returns

`boolean`

###### Set Signature

```ts
set canvasItemHoverEnabled(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `boolean` |

###### Returns

`void`

##### highlightColor

###### Get Signature

```ts
get highlightColor(): string;
```

###### Returns

`string`

##### hoverColor

###### Get Signature

```ts
get hoverColor(): string;
```

###### Returns

`string`

###### Set Signature

```ts
set hoverColor(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `string` |

###### Returns

`void`

##### resizeGripColor

###### Get Signature

```ts
get resizeGripColor(): string;
```

###### Returns

`string`

###### Set Signature

```ts
set resizeGripColor(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `string` |

###### Returns

`void`

##### resizeGripLineColor

###### Get Signature

```ts
get resizeGripLineColor(): string;
```

###### Returns

`string`

###### Set Signature

```ts
set resizeGripLineColor(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `string` |

###### Returns

`void`

##### resizeGripSize

###### Get Signature

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

###### Returns

`number`

###### Set Signature

```ts
set resizeGripSize(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `number` |

###### Returns

`void`

##### rotationGripColor

###### Get Signature

```ts
get rotationGripColor(): string;
```

###### Returns

`string`

###### Set Signature

```ts
set rotationGripColor(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `string` |

###### Returns

`void`

##### rotationGripLineColor

###### Get Signature

```ts
get rotationGripLineColor(): string;
```

###### Returns

`string`

###### Set Signature

```ts
set rotationGripLineColor(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `string` |

###### Returns

`void`

##### rotationGripLineLength

###### Get Signature

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

###### Returns

`number`

###### Set Signature

```ts
set rotationGripLineLength(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `number` |

###### Returns

`void`

##### rotationGripSize

###### Get Signature

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

###### Returns

`number`

###### Set Signature

```ts
set rotationGripSize(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `number` |

###### Returns

`void`

##### variableColor

###### Get Signature

```ts
get variableColor(): string;
```

###### Returns

`string`

###### Set Signature

```ts
set variableColor(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `string` |

###### Returns

`void`