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

interface CanvasUserInterface {  
    [drawFocusIfNeeded](#drawfocusifneeded-1)(element: [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/)): void;  
    [drawFocusIfNeeded](#drawfocusifneeded-2)(path: [Path2D](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Path2D/), element: [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/)): void;  
}

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

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

##### Index

### Methods[](#methods)

[drawFocusIfNeeded](#drawfocusifneeded)

## Methods[](#methods-1)

### drawFocusIfNeeded[](#drawfocusifneeded)

-   drawFocusIfNeeded(element: [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/)): void[](#drawfocusifneeded-1)
    
    [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/drawFocusIfNeeded)
    
    #### Parameters
    
    -   element: [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/)
    
    #### Returns void
    
-   drawFocusIfNeeded(path: [Path2D](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Path2D/), element: [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/)): void[](#drawfocusifneeded-2)
    
    #### Parameters
    
    -   path: [Path2D](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Path2D/)
    -   element: [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/)
    
    #### Returns void
