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

interface CanvasRect {  
    [clearRect](#clearrect-1)(x: number, y: number, w: number, h: number): void;  
    [fillRect](#fillrect-1)(x: number, y: number, w: number, h: number): void;  
    [strokeRect](#strokerect-1)(x: number, y: number, w: number, h: number): void;  
}

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

-   CanvasRect
    -   [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)

[clearRect](#clearrect) [fillRect](#fillrect) [strokeRect](#strokerect)

## Methods[](#methods-1)

### clearRect[](#clearrect)

-   clearRect(x: number, y: number, w: number, h: number): void[](#clearrect-1)
    
    [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/clearRect)
    
    #### Parameters
    
    -   x: number
    -   y: number
    -   w: number
    -   h: number
    
    #### Returns void
    

### fillRect[](#fillrect)

-   fillRect(x: number, y: number, w: number, h: number): void[](#fillrect-1)
    
    [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/fillRect)
    
    #### Parameters
    
    -   x: number
    -   y: number
    -   w: number
    -   h: number
    
    #### Returns void
    

### strokeRect[](#strokerect)

-   strokeRect(x: number, y: number, w: number, h: number): void[](#strokerect-1)
    
    [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/strokeRect)
    
    #### Parameters
    
    -   x: number
    -   y: number
    -   w: number
    -   h: number
    
    #### Returns void