---
title: "CanvasPathDrawingStyles | JavaScript maps SDK"
description: "Documentation for MapTiler SDK"
---

# Interface CanvasPathDrawingStyles

interface CanvasPathDrawingStyles {  
    [lineCap](#linecap): [CanvasLineCap](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasLineCap/);  
    [lineDashOffset](#linedashoffset): number;  
    [lineJoin](#linejoin): [CanvasLineJoin](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasLineJoin/);  
    [lineWidth](#linewidth): number;  
    [miterLimit](#miterlimit): number;  
    [getLineDash](#getlinedash-1)(): number\[\];  
    [setLineDash](#setlinedash-1)(segments: number\[\]): void;  
    [setLineDash](#setlinedash-2)(segments: [Iterable](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Iterable/)<number\>): void;  
}

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

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

[lineCap](#linecap) [lineDashOffset](#linedashoffset) [lineJoin](#linejoin) [lineWidth](#linewidth) [miterLimit](#miterlimit)

### Methods[](#methods)

[getLineDash](#getlinedash) [setLineDash](#setlinedash)

## Properties[](#properties-1)

### lineCap[](#linecap)

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

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

### lineDashOffset[](#linedashoffset)

lineDashOffset: number

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

### lineJoin[](#linejoin)

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

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

### lineWidth[](#linewidth)

lineWidth: number

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

### miterLimit[](#miterlimit)

miterLimit: number

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

## Methods[](#methods-1)

### getLineDash[](#getlinedash)

-   getLineDash(): number\[\][](#getlinedash-1)
    
    [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/getLineDash)
    
    #### Returns number\[\]
    

### setLineDash[](#setlinedash)

-   setLineDash(segments: number\[\]): void[](#setlinedash-1)
    
    [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/setLineDash)
    
    #### Parameters
    
    -   segments: number\[\]
    
    #### Returns void
    
-   setLineDash(segments: [Iterable](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Iterable/)<number\>): void[](#setlinedash-2)
    
    [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/setLineDash)
    
    #### Parameters
    
    -   segments: [Iterable](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Iterable/)<number\>
    
    #### Returns void