# Quadrilateral

Interface `Quadrilateral` is used to define a quadrilateral shape. This interface is mainly used by the `roi` parameter of [`SimplifiedCaptureVisionSettings`](https://www.dynamsoft.com/capture-vision/docs/mobile/programming/react-native/api-reference/capture-vision-router/simplified-capture-vision-settings.md).

## Definition

*Assembly:* dynamsoft-capture-vision-react-native

```js
interface Quadrilateral
```

## Properties

| Property | Type | Description |
| --------- | ---- | ----------- |
| [`points`](#points) | *Array\<Point\>* | An array of four points that make up the quadrilateral. |

### points

An array of four points that make up the quadrilateral. The points list start from the top-left point of the quadrilateral and go clockwise.

```js
points: Point[];
```

**Remarks**

The coordinates are typically set in pixels. However, if you are setting a region via the [`SimplifiedCaptureVisionSettings`](https://www.dynamsoft.com/capture-vision/docs/mobile/programming/react-native/api-reference/capture-vision-router/simplified-capture-vision-settings.md), you can set the coordinates of the Quadrilateral as percentages (of the frame dimensions) instead of pixels if `roiMeasuredInPercentage` is set to true.

## Methods

| Method | Description |
| ------ | ----------- |
| [`getCentrePoint`](#getcentrepoint) | Gets the centre point of the quadrilateral. |

### getCentrePoint

Gets the centre point of the quadrilateral.

```js
getCentrePoint(): Point
```

**Return Value**

The centre point of the quadrilateral.