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

interface CanvasText {  
    [fillText](#filltext-1)(text: string, x: number, y: number, maxWidth?: number): void;  
    [measureText](#measuretext-1)(text: string): [TextMetrics](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.TextMetrics/);  
    [strokeText](#stroketext-1)(text: string, x: number, y: number, maxWidth?: number): void;  
}

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

-   CanvasText
    -   [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

### Methods[](#methods)

[fillText](#filltext) [measureText](#measuretext) [strokeText](#stroketext)

## Methods[](#methods-1)

### fillText[](#filltext)

-   fillText(text: string, x: number, y: number, maxWidth?: number): void[](#filltext-1)
    
    [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/fillText)
    
    #### Parameters
    
    -   text: string
    -   x: number
    -   y: number
    -   `Optional`maxWidth: number
    
    #### Returns void
    

### measureText[](#measuretext)

-   measureText(text: string): [TextMetrics](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.TextMetrics/)[](#measuretext-1)
    
    [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/measureText)
    
    #### Parameters
    
    -   text: string
    
    #### Returns [TextMetrics](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.TextMetrics/)
    

### strokeText[](#stroketext)

-   strokeText(text: string, x: number, y: number, maxWidth?: number): void[](#stroketext-1)
    
    [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/strokeText)
    
    #### Parameters
    
    -   text: string
    -   x: number
    -   y: number
    -   `Optional`maxWidth: number
    
    #### Returns void