---
title: "SVGPreserveAspectRatio | JavaScript maps SDK"
description: "Documentation for MapTiler SDK"
---

> For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL.

# Interface SVGPreserveAspectRatio

The **`SVGPreserveAspectRatio`** interface corresponds to the preserveAspectRatio attribute.

[MDN Reference](https://developer.mozilla.org/docs/Web/API/SVGPreserveAspectRatio)

interface SVGPreserveAspectRatio {  
    [align](#align): number;  
    [meetOrSlice](#meetorslice): number;  
    [SVG\_MEETORSLICE\_MEET](#svg_meetorslice_meet): 1;  
    [SVG\_MEETORSLICE\_SLICE](#svg_meetorslice_slice): 2;  
    [SVG\_MEETORSLICE\_UNKNOWN](#svg_meetorslice_unknown): 0;  
    [SVG\_PRESERVEASPECTRATIO\_NONE](#svg_preserveaspectratio_none): 1;  
    [SVG\_PRESERVEASPECTRATIO\_UNKNOWN](#svg_preserveaspectratio_unknown): 0;  
    [SVG\_PRESERVEASPECTRATIO\_XMAXYMAX](#svg_preserveaspectratio_xmaxymax): 10;  
    [SVG\_PRESERVEASPECTRATIO\_XMAXYMID](#svg_preserveaspectratio_xmaxymid): 7;  
    [SVG\_PRESERVEASPECTRATIO\_XMAXYMIN](#svg_preserveaspectratio_xmaxymin): 4;  
    [SVG\_PRESERVEASPECTRATIO\_XMIDYMAX](#svg_preserveaspectratio_xmidymax): 9;  
    [SVG\_PRESERVEASPECTRATIO\_XMIDYMID](#svg_preserveaspectratio_xmidymid): 6;  
    [SVG\_PRESERVEASPECTRATIO\_XMIDYMIN](#svg_preserveaspectratio_xmidymin): 3;  
    [SVG\_PRESERVEASPECTRATIO\_XMINYMAX](#svg_preserveaspectratio_xminymax): 8;  
    [SVG\_PRESERVEASPECTRATIO\_XMINYMID](#svg_preserveaspectratio_xminymid): 5;  
    [SVG\_PRESERVEASPECTRATIO\_XMINYMIN](#svg_preserveaspectratio_xminymin): 2;  
}

##### Index

### Properties[](#properties)

[align](#align) [meetOrSlice](#meetorslice) [SVG\_MEETORSLICE\_MEET](#svg_meetorslice_meet) [SVG\_MEETORSLICE\_SLICE](#svg_meetorslice_slice) [SVG\_MEETORSLICE\_UNKNOWN](#svg_meetorslice_unknown) [SVG\_PRESERVEASPECTRATIO\_NONE](#svg_preserveaspectratio_none) [SVG\_PRESERVEASPECTRATIO\_UNKNOWN](#svg_preserveaspectratio_unknown) [SVG\_PRESERVEASPECTRATIO\_XMAXYMAX](#svg_preserveaspectratio_xmaxymax) [SVG\_PRESERVEASPECTRATIO\_XMAXYMID](#svg_preserveaspectratio_xmaxymid) [SVG\_PRESERVEASPECTRATIO\_XMAXYMIN](#svg_preserveaspectratio_xmaxymin) [SVG\_PRESERVEASPECTRATIO\_XMIDYMAX](#svg_preserveaspectratio_xmidymax) [SVG\_PRESERVEASPECTRATIO\_XMIDYMID](#svg_preserveaspectratio_xmidymid) [SVG\_PRESERVEASPECTRATIO\_XMIDYMIN](#svg_preserveaspectratio_xmidymin) [SVG\_PRESERVEASPECTRATIO\_XMINYMAX](#svg_preserveaspectratio_xminymax) [SVG\_PRESERVEASPECTRATIO\_XMINYMID](#svg_preserveaspectratio_xminymid) [SVG\_PRESERVEASPECTRATIO\_XMINYMIN](#svg_preserveaspectratio_xminymin)

## Properties[](#properties-1)

### align[](#align)

align: number

The **`align`** read-only property of the SVGPreserveAspectRatio interface reflects the type of the alignment value as specified by one of the SVG\_PRESERVEASPECTRATIO\_\* constants defined on this interface.

[MDN Reference](https://developer.mozilla.org/docs/Web/API/SVGPreserveAspectRatio/align)

### meetOrSlice[](#meetorslice)

meetOrSlice: number

The **`meetOrSlice`** read-only property of the SVGPreserveAspectRatio interface reflects the type of the meet-or-slice value as specified by one of the SVG\_MEETORSLICE\_\* constants defined on this interface.

[MDN Reference](https://developer.mozilla.org/docs/Web/API/SVGPreserveAspectRatio/meetOrSlice)

### `Readonly`SVG\_MEETORSLICE\_MEET[](#svg_meetorslice_meet)

SVG\_MEETORSLICE\_MEET: 1

### `Readonly`SVG\_MEETORSLICE\_SLICE[](#svg_meetorslice_slice)

SVG\_MEETORSLICE\_SLICE: 2

### `Readonly`SVG\_MEETORSLICE\_UNKNOWN[](#svg_meetorslice_unknown)

SVG\_MEETORSLICE\_UNKNOWN: 0

### `Readonly`SVG\_PRESERVEASPECTRATIO\_NONE[](#svg_preserveaspectratio_none)

SVG\_PRESERVEASPECTRATIO\_NONE: 1

### `Readonly`SVG\_PRESERVEASPECTRATIO\_UNKNOWN[](#svg_preserveaspectratio_unknown)

SVG\_PRESERVEASPECTRATIO\_UNKNOWN: 0

### `Readonly`SVG\_PRESERVEASPECTRATIO\_XMAXYMAX[](#svg_preserveaspectratio_xmaxymax)

SVG\_PRESERVEASPECTRATIO\_XMAXYMAX: 10

### `Readonly`SVG\_PRESERVEASPECTRATIO\_XMAXYMID[](#svg_preserveaspectratio_xmaxymid)

SVG\_PRESERVEASPECTRATIO\_XMAXYMID: 7

### `Readonly`SVG\_PRESERVEASPECTRATIO\_XMAXYMIN[](#svg_preserveaspectratio_xmaxymin)

SVG\_PRESERVEASPECTRATIO\_XMAXYMIN: 4

### `Readonly`SVG\_PRESERVEASPECTRATIO\_XMIDYMAX[](#svg_preserveaspectratio_xmidymax)

SVG\_PRESERVEASPECTRATIO\_XMIDYMAX: 9

### `Readonly`SVG\_PRESERVEASPECTRATIO\_XMIDYMID[](#svg_preserveaspectratio_xmidymid)

SVG\_PRESERVEASPECTRATIO\_XMIDYMID: 6

### `Readonly`SVG\_PRESERVEASPECTRATIO\_XMIDYMIN[](#svg_preserveaspectratio_xmidymin)

SVG\_PRESERVEASPECTRATIO\_XMIDYMIN: 3

### `Readonly`SVG\_PRESERVEASPECTRATIO\_XMINYMAX[](#svg_preserveaspectratio_xminymax)

SVG\_PRESERVEASPECTRATIO\_XMINYMAX: 8

### `Readonly`SVG\_PRESERVEASPECTRATIO\_XMINYMID[](#svg_preserveaspectratio_xminymid)

SVG\_PRESERVEASPECTRATIO\_XMINYMID: 5

### `Readonly`SVG\_PRESERVEASPECTRATIO\_XMINYMIN[](#svg_preserveaspectratio_xminymin)

SVG\_PRESERVEASPECTRATIO\_XMINYMIN: 2