---
title: "SVGLength | 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 SVGLength

The **`SVGLength`** interface correspond to the basic data type.

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

interface SVGLength {  
    [SVG\_LENGTHTYPE\_CM](#svg_lengthtype_cm): 6;  
    [SVG\_LENGTHTYPE\_EMS](#svg_lengthtype_ems): 3;  
    [SVG\_LENGTHTYPE\_EXS](#svg_lengthtype_exs): 4;  
    [SVG\_LENGTHTYPE\_IN](#svg_lengthtype_in): 8;  
    [SVG\_LENGTHTYPE\_MM](#svg_lengthtype_mm): 7;  
    [SVG\_LENGTHTYPE\_NUMBER](#svg_lengthtype_number): 1;  
    [SVG\_LENGTHTYPE\_PC](#svg_lengthtype_pc): 10;  
    [SVG\_LENGTHTYPE\_PERCENTAGE](#svg_lengthtype_percentage): 2;  
    [SVG\_LENGTHTYPE\_PT](#svg_lengthtype_pt): 9;  
    [SVG\_LENGTHTYPE\_PX](#svg_lengthtype_px): 5;  
    [SVG\_LENGTHTYPE\_UNKNOWN](#svg_lengthtype_unknown): 0;  
    [unitType](#unittype): number;  
    [value](#value): number;  
    [valueAsString](#valueasstring): string;  
    [valueInSpecifiedUnits](#valueinspecifiedunits): number;  
    [convertToSpecifiedUnits](#converttospecifiedunits-1)(unitType: number): void;  
    [newValueSpecifiedUnits](#newvaluespecifiedunits-1)(  
        unitType: number,  
        valueInSpecifiedUnits: number,  
    ): void;  
}

##### Index

### Properties[](#properties)

[SVG\_LENGTHTYPE\_CM](#svg_lengthtype_cm) [SVG\_LENGTHTYPE\_EMS](#svg_lengthtype_ems) [SVG\_LENGTHTYPE\_EXS](#svg_lengthtype_exs) [SVG\_LENGTHTYPE\_IN](#svg_lengthtype_in) [SVG\_LENGTHTYPE\_MM](#svg_lengthtype_mm) [SVG\_LENGTHTYPE\_NUMBER](#svg_lengthtype_number) [SVG\_LENGTHTYPE\_PC](#svg_lengthtype_pc) [SVG\_LENGTHTYPE\_PERCENTAGE](#svg_lengthtype_percentage) [SVG\_LENGTHTYPE\_PT](#svg_lengthtype_pt) [SVG\_LENGTHTYPE\_PX](#svg_lengthtype_px) [SVG\_LENGTHTYPE\_UNKNOWN](#svg_lengthtype_unknown) [unitType](#unittype) [value](#value) [valueAsString](#valueasstring) [valueInSpecifiedUnits](#valueinspecifiedunits)

### Methods[](#methods)

[convertToSpecifiedUnits](#converttospecifiedunits) [newValueSpecifiedUnits](#newvaluespecifiedunits)

## Properties[](#properties-1)

### `Readonly`SVG\_LENGTHTYPE\_CM[](#svg_lengthtype_cm)

SVG\_LENGTHTYPE\_CM: 6

### `Readonly`SVG\_LENGTHTYPE\_EMS[](#svg_lengthtype_ems)

SVG\_LENGTHTYPE\_EMS: 3

### `Readonly`SVG\_LENGTHTYPE\_EXS[](#svg_lengthtype_exs)

SVG\_LENGTHTYPE\_EXS: 4

### `Readonly`SVG\_LENGTHTYPE\_IN[](#svg_lengthtype_in)

SVG\_LENGTHTYPE\_IN: 8

### `Readonly`SVG\_LENGTHTYPE\_MM[](#svg_lengthtype_mm)

SVG\_LENGTHTYPE\_MM: 7

### `Readonly`SVG\_LENGTHTYPE\_NUMBER[](#svg_lengthtype_number)

SVG\_LENGTHTYPE\_NUMBER: 1

### `Readonly`SVG\_LENGTHTYPE\_PC[](#svg_lengthtype_pc)

SVG\_LENGTHTYPE\_PC: 10

### `Readonly`SVG\_LENGTHTYPE\_PERCENTAGE[](#svg_lengthtype_percentage)

SVG\_LENGTHTYPE\_PERCENTAGE: 2

### `Readonly`SVG\_LENGTHTYPE\_PT[](#svg_lengthtype_pt)

SVG\_LENGTHTYPE\_PT: 9

### `Readonly`SVG\_LENGTHTYPE\_PX[](#svg_lengthtype_px)

SVG\_LENGTHTYPE\_PX: 5

### `Readonly`SVG\_LENGTHTYPE\_UNKNOWN[](#svg_lengthtype_unknown)

SVG\_LENGTHTYPE\_UNKNOWN: 0

### `Readonly`unitType[](#unittype)

unitType: number

The **`unitType`** property of the SVGLength interface that represents type of the value as specified by one of the SVG\_LENGTHTYPE\_\* constants defined on this interface.

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

### value[](#value)

value: number

The **`value`** property of the SVGLength interface represents the floating point value of the in user units.

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

### valueAsString[](#valueasstring)

valueAsString: string

The **`valueAsString`** property of the SVGLength interface represents the 's value as a string, in the units expressed by unitType.

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

### valueInSpecifiedUnits[](#valueinspecifiedunits)

valueInSpecifiedUnits: number

The **`valueInSpecifiedUnits`** property of the SVGLength interface represents floating point value, in the units expressed by unitType.

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

## Methods[](#methods-1)

### convertToSpecifiedUnits[](#converttospecifiedunits)

-   convertToSpecifiedUnits(unitType: number): void[](#converttospecifiedunits-1)
    
    The **`convertToSpecifiedUnits()`** method of the SVGLength interface allows you to convert the length's value to the specified unit type.
    
    [MDN Reference](https://developer.mozilla.org/docs/Web/API/SVGLength/convertToSpecifiedUnits)
    
    #### Parameters
    
    -   unitType: number
    
    #### Returns void
    

### newValueSpecifiedUnits[](#newvaluespecifiedunits)

-   newValueSpecifiedUnits(unitType: number, valueInSpecifiedUnits: number): void[](#newvaluespecifiedunits-1)
    
    The **`newValueSpecifiedUnits()`** method of the SVGLength interface resets the value as a number with an associated unitType, thereby replacing the values for all of the attributes on the object.
    
    [MDN Reference](https://developer.mozilla.org/docs/Web/API/SVGLength/newValueSpecifiedUnits)
    
    #### Parameters
    
    -   unitType: number
    -   valueInSpecifiedUnits: number
    
    #### Returns void