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

interface CanvasTextDrawingStyles {  
    [direction](#direction): [CanvasDirection](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasDirection/);  
    [font](#font): string;  
    [fontKerning](#fontkerning): [CanvasFontKerning](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasFontKerning/);  
    [fontStretch](#fontstretch): [CanvasFontStretch](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasFontStretch/);  
    [fontVariantCaps](#fontvariantcaps): [CanvasFontVariantCaps](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasFontVariantCaps/);  
    [letterSpacing](#letterspacing): string;  
    [textAlign](#textalign): [CanvasTextAlign](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasTextAlign/);  
    [textBaseline](#textbaseline): [CanvasTextBaseline](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasTextBaseline/);  
    [textRendering](#textrendering): [CanvasTextRendering](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasTextRendering/);  
    [wordSpacing](#wordspacing): string;  
}

#### Hierarchy ([View Summary](https://docs.maptiler.com/sdk-js/api-reference/hierarchy/#Externals.CanvasTextDrawingStyles))

-   CanvasTextDrawingStyles
    -   [CanvasRenderingContext2D](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasRenderingContext2D/)
    -   [OffscreenCanvasRenderingContext2D](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.OffscreenCanvasRenderingContext2D/)

##### Index

### Properties[](#properties)

[direction](#direction) [font](#font) [fontKerning](#fontkerning) [fontStretch](#fontstretch) [fontVariantCaps](#fontvariantcaps) [letterSpacing](#letterspacing) [textAlign](#textalign) [textBaseline](#textbaseline) [textRendering](#textrendering) [wordSpacing](#wordspacing)

## Properties[](#properties-1)

### direction[](#direction)

direction: [CanvasDirection](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasDirection/)

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

### font[](#font)

font: string

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

### fontKerning[](#fontkerning)

fontKerning: [CanvasFontKerning](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasFontKerning/)

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

### fontStretch[](#fontstretch)

fontStretch: [CanvasFontStretch](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasFontStretch/)

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

### fontVariantCaps[](#fontvariantcaps)

fontVariantCaps: [CanvasFontVariantCaps](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasFontVariantCaps/)

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

### letterSpacing[](#letterspacing)

letterSpacing: string

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

### textAlign[](#textalign)

textAlign: [CanvasTextAlign](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasTextAlign/)

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

### textBaseline[](#textbaseline)

textBaseline: [CanvasTextBaseline](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasTextBaseline/)

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

### textRendering[](#textrendering)

textRendering: [CanvasTextRendering](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasTextRendering/)

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

### wordSpacing[](#wordspacing)

wordSpacing: string

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