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

# CropEffect

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

## Classes

### CropEffect

#### Extends

#### Constructors

##### Constructor

```ts
new CropEffect(
   x, 
   y, 
   width, 
   height): CropEffect;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `x` | `number` |
| `y` | `number` |
| `width` | `number` |
| `height` | `number` |

###### Returns

[`CropEffect`](#cropeffect)

###### Overrides

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

#### Properties

##### height

```ts
height: number;
```

##### type

```ts
type: string = "CropEffect";
```

##### width

```ts
width: number;
```

##### x

```ts
x: number;
```

##### y

```ts
y: number;
```