---
title: setViewport
slug: viewer-2d/methods/setViewport
docTags: 
createdAt: 2024-02-21T14:33:53.990Z
---

Sets the viewport of the 2D Viewer.

## Example

::codepen{url="https://codepen.io/Catenda/embed/rNEpeVg"}

## Usage

```javascript
const namedViewport = "fit";
const options = {
  expandInPercentage: 15
};

viewer2d.setViewport(namedViewport, options);
```

## Parameters

### namedViewport

Name of the viewport to set, valid value is `fit`.

| **Type** | **Required** |
| -------- | ------------ |
| String   | Yes          |

### options

Options for the viewport.

| **Type** | **Required** |
| -------- | ------------ |
| Object   | No           |

**Properties**

| **Name**             | **Type** | **Required** | **Description**                   |
| -------------------- | -------- | ------------ | --------------------------------- |
| `expandInPercentage` | Number   | No           | Expansion applied to the viewport |