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

# ImageItem

> - [ImageItem](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ImageItem.Namespace.ImageItem.md)

## Namespaces

## Classes

### ImageItem

#### Extends

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

#### Constructors

##### Constructor

```ts
new ImageItem(
   sourceStorageId?, 
   location?, 
   width?, 
   height?, 
   ratioWidthToHeight?): ImageItem;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `sourceStorageId?` | `string` |
| `location?` | [`PointF`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/PointF.md#pointf) |
| `width?` | `number` |
| `height?` | `number` |
| `ratioWidthToHeight?` | `number` |

###### Returns

[`ImageItem`](#imageitem)

###### Overrides

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`constructor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#constructor)

#### Properties

##### allowedSubfolder

```ts
allowedSubfolder: string = null;
```

##### allowedTabs

```ts
allowedTabs: string[] = null;
```

##### containerName

```ts
containerName: string;
```

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`containerName`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#containername)

##### id

```ts
id: string;
```

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`id`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#id)

##### isUserImage

```ts
isUserImage: boolean = false;
```

##### mviKeepTemplateTransform

```ts
mviKeepTemplateTransform: boolean = false;
```

##### ndEffects

```ts
ndEffects: NDEffects;
```

##### originalImageSource

```ts
originalImageSource: ImageSource;
```

##### ratioWidthToHeight

```ts
ratioWidthToHeight: number = null;
```

##### sourcePathId

```ts
sourcePathId: string = null;
```

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`sourcePathId`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#sourcepathid)

##### sourcePathLoaded

```ts
sourcePathLoaded: boolean = false;
```

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`sourcePathLoaded`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#sourcepathloaded)

##### themeBinding

```ts
themeBinding: ThemeBinding;
```

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`themeBinding`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#themebinding)

##### type

```ts
type: string = ImageItem.type;
```

###### Overrides

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`type`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#type)

##### unconvertedSource

```ts
unconvertedSource: ImageSource = null;
```

##### values

```ts
values: ImageItemValue[] = [];
```

##### type

```ts
static type: string = "ImageItem";
```

###### Overrides

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`type`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#type-1)

#### Accessors

##### altBorderColor

###### Get Signature

```ts
get altBorderColor(): Color;
```

###### Returns

[`Color`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Color.md#abstract-color)

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`Color`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Color.md#abstract-color) |

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`altBorderColor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#altbordercolor)

##### blendMode

###### Get Signature

```ts
get blendMode(): BlendMode;
```

###### Returns

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

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`BlendMode`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/BlendMode.md#blendmode) |

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`blendMode`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#blendmode)

##### borderColor

###### Get Signature

```ts
get borderColor(): Color;
```

###### Returns

[`Color`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Color.md#abstract-color)

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`Color`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Color.md#abstract-color) |

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`borderColor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#bordercolor)

##### borderWidth

###### Get Signature

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

###### Returns

`number`

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`borderWidth`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#borderwidth)

##### class

###### Get Signature

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

###### Returns

`string`

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`class`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#class)

##### dash

###### Get Signature

```ts
get dash(): number[];
```

###### Returns

`number`[]

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `number`[] |

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`dash`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#dash)

##### displayName

###### Get Signature

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

###### Returns

`string`

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

##### effect

###### Get Signature

```ts
get effect(): ImageEffect;
```

###### Returns

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

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`ImageEffect`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ImageEffect.md#imageeffect) |

###### Returns

`void`

##### fillColor

###### Get Signature

```ts
get fillColor(): Color;
```

###### Returns

[`Color`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Color.md#abstract-color)

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`Color`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Color.md#abstract-color) |

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`fillColor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#fillcolor)

##### fixedBorderWidth

###### Get Signature

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

###### Returns

`boolean`

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`fixedBorderWidth`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#fixedborderwidth)

##### fromLayout

###### Get Signature

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

###### Returns

`boolean`

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`fromLayout`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#fromlayout)

##### frontendPermissions

###### Get Signature

```ts
get frontendPermissions(): FrontendPermissions;
```

###### Returns

[`FrontendPermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/FrontEndPermissions.md#frontendpermissions)

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`FrontendPermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/FrontEndPermissions.md#frontendpermissions) |

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`frontendPermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#frontendpermissions)

##### imagePermissions

###### Get Signature

```ts
get imagePermissions(): ImagePermissions;
```

###### Returns

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

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`ImagePermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ImagePermissions.md#imagepermissions) |

###### Returns

`void`

##### isRenderTypeIsNormal

###### Get Signature

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

###### Returns

`boolean`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`isRenderTypeIsNormal`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#isrendertypeisnormal)

##### isVariable

###### Get Signature

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

###### Returns

`boolean`

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`isVariable`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#isvariable)

##### itemPermissions

###### Get Signature

```ts
get itemPermissions(): ItemPermissions;
```

###### Returns

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

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`ItemPermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ItemPermissions.md#itempermissions) |

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`itemPermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#itempermissions)

##### locked

###### Get Signature

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

###### Returns

`boolean`

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`locked`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#locked)

##### manipulationPermissions

###### Get Signature

```ts
get manipulationPermissions(): ManipulationPermissions;
```

###### Returns

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

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`ManipulationPermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ManipulationPermissions.md#manipulationpermissions) |

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`manipulationPermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#manipulationpermissions)

##### mask

###### Get Signature

```ts
get mask(): ItemMask;
```

###### Returns

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

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`ItemMask`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ItemMask.md#itemmask) |

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`mask`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#mask)

##### maskOpacity

###### Get Signature

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

###### Returns

`number`

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`maskOpacity`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#maskopacity)

##### name

###### Get Signature

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

###### Returns

`string`

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`name`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#name)

##### opacity

###### Get Signature

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

###### Returns

`number`

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`opacity`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#opacity)

##### overlayEffect

###### Get Signature

```ts
get overlayEffect(): OverlayEffect;
```

###### Returns

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

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`OverlayEffect`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/OverlayEffect.md#overlayeffect) |

###### Returns

`void`

##### overprintFill

###### Get Signature

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

###### Returns

`boolean`

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`overprintFill`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#overprintfill)

##### overprintStroke

###### Get Signature

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

###### Returns

`boolean`

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`overprintStroke`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#overprintstroke)

##### parentContainer

###### Get Signature

```ts
get parentContainer(): Container;
```

###### Returns

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

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`Container`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Container.md#container) |

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`parentContainer`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#parentcontainer)

##### parentGroupItem

###### Get Signature

```ts
get parentGroupItem(): GroupItem;
```

###### Returns

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

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`GroupItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/GroupItem.md#groupitem) |

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`parentGroupItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#parentgroupitem)

##### parentPlaceholder

###### Get Signature

```ts
get parentPlaceholder(): PlaceholderItem;
```

###### Returns

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

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`PlaceholderItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/PlaceholderItem.md#placeholderitem) |

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`parentPlaceholder`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#parentplaceholder)

##### renderingType

###### Get Signature

```ts
get renderingType(): RenderingType;
```

###### Returns

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

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`renderingType`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#renderingtype)

##### shapePermissions

###### Get Signature

```ts
get shapePermissions(): ShapePermissions;
```

###### Returns

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

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`ShapePermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapePermissions.md#shapepermissions) |

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`shapePermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#shapepermissions)

##### source

###### Get Signature

```ts
get source(): ImageSource;
```

###### Returns

[`ImageSource`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ImageItem.Namespace.ImageItem.md#imagesource)

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`ImageSource`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ImageItem.Namespace.ImageItem.md#imagesource) |

###### Returns

`void`

##### sourcePath

###### Get Signature

```ts
get sourcePath(): Path;
```

###### Returns

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

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`Path`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Path.md#path) |

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`sourcePath`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#sourcepath)

##### sourceRectangle

###### Get Signature

```ts
get sourceRectangle(): RectangleF;
```

###### Returns

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

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`RectangleF`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/RectangleF.md#rectanglef) |

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`sourceRectangle`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#sourcerectangle)

##### tags

###### Get Signature

```ts
get tags(): object;
```

###### Returns

`object`

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | \{ \[`key`: `string`\]: `any`; \} |

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`tags`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#tags)

##### textWrappingMode

###### Get Signature

```ts
get textWrappingMode(): WrappingMode;
```

###### Returns

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

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`WrappingMode`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/WrappingMode.md#wrappingmode) |

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`textWrappingMode`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#textwrappingmode)

##### transform

###### Get Signature

```ts
get transform(): Transform;
```

###### Returns

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

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`Transform`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Transform.md#transform) |

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`transform`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#transform)

##### version

###### Get Signature

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

###### Returns

`string`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`version`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#version)

##### violationSettings

###### Get Signature

```ts
get violationSettings(): ImageViolationSettings;
```

###### Returns

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

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`ImageViolationSettings`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ImageViolationSettings.md#imageviolationsettings) |

###### Returns

`void`

###### Overrides

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`violationSettings`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#violationsettings)

##### visible

###### Get Signature

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

###### Returns

`boolean`

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`visible`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#visible)

##### visualizationPermissions

###### Get Signature

```ts
get visualizationPermissions(): VisualizationPermissions;
```

###### Returns

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

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`VisualizationPermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/VisualizationPermissions.md#visualizationpermissions) |

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`visualizationPermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#visualizationpermissions)

#### Methods

##### addPropertyChanged()

```ts
addPropertyChanged(listener): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `listener` | (`sender`, `eventArgs`) => `void` |

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`addPropertyChanged`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#addpropertychanged)

##### applyPermissionsConstrain()

```ts
applyPermissionsConstrain(): void;
```

###### Returns

`void`

###### Overrides

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`applyPermissionsConstrain`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#applypermissionsconstrain)

##### canSetIsVariable()

```ts
canSetIsVariable(): boolean;
```

###### Returns

`boolean`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`canSetIsVariable`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#cansetisvariable)

##### clone()

```ts
clone(generateNewIds?, appropriateParentContainer?): ImageItem;
```

###### Parameters

| Parameter | Type | Default value |
| ------ | ------ | ------ |
| `generateNewIds` | `boolean` | `false` |
| `appropriateParentContainer` | `boolean` | `false` |

###### Returns

[`ImageItem`](#imageitem)

###### Overrides

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`clone`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#clone)

##### copyTo()

```ts
copyTo(destination): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `destination` | [`BaseItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/BaseItem.md#baseitem) |

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`copyTo`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#copyto)

##### equals()

```ts
equals(other): any;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `other` | [`ImageItem`](#imageitem) |

###### Returns

`any`

###### Overrides

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`equals`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#equals)

##### generateNewIds()

```ts
generateNewIds(): void;
```

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`generateNewIds`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#generatenewids)

##### getItemChangedEvent()

```ts
getItemChangedEvent(): EventWithAutoSenderArg<Item, Item>;
```

###### Returns

[`EventWithAutoSenderArg`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/EventObject.md#eventwithautosenderarg)\<[`Item`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Item.md#item), [`Item`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Item.md#item)\>

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`getItemChangedEvent`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#getitemchangedevent)

##### getItemChangingEvent()

```ts
getItemChangingEvent(): EventObject<Item>;
```

###### Returns

[`EventObject`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/EventObject.md#eventobject)\<[`Item`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Item.md#item)\>

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`getItemChangingEvent`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#getitemchangingevent)

##### getOriginalImageSize()

```ts
getOriginalImageSize(): ISize;
```

###### Returns

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

##### getPathLoadedEvent()

```ts
getPathLoadedEvent(): EventObject<unknown>;
```

###### Returns

[`EventObject`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/EventObject.md#eventobject)\<`unknown`\>

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`getPathLoadedEvent`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#getpathloadedevent)

##### getSimplifiedObject()

```ts
getSimplifiedObject(omitProperties?): Object;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `omitProperties?` | `string` \| `string`[] |

###### Returns

`Object`

###### Overrides

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`getSimplifiedObject`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#getsimplifiedobject)

##### getSource()

```ts
getSource(): string;
```

###### Returns

`string`

##### removePropertyChanged()

```ts
removePropertyChanged(listener): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `listener` | (`sender`, `eventArgs`) => `void` |

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`removePropertyChanged`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#removepropertychanged)

##### SetHeight()

```ts
SetHeight(value, calculateWidth?): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `number` |
| `calculateWidth?` | `boolean` |

###### Returns

`void`

##### setTransform()

```ts
setTransform(value, suppressOnChanged?): void;
```

###### Parameters

| Parameter | Type | Default value |
| ------ | ------ | ------ |
| `value` | [`Transform`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Transform.md#transform) | `undefined` |
| `suppressOnChanged` | `boolean` | `false` |

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`setTransform`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#settransform)

##### SetWidth()

```ts
SetWidth(value, calculateHeight?): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `number` |
| `calculateHeight?` | `boolean` |

###### Returns

`void`

##### toString()

```ts
toString(): string;
```

Returns a string representation of an object.

###### Returns

`string`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`toString`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#tostring)

##### update()

```ts
update(item): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `item` | [`BaseItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/BaseItem.md#baseitem) |

###### Returns

`void`

###### Inherited from

[`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem).[`update`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#update)