--- title: "OffscreenCanvasRenderingContext2D | 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 OffscreenCanvasRenderingContext2D The **`OffscreenCanvasRenderingContext2D`** interface is a CanvasRenderingContext2D rendering context for drawing to the bitmap of an OffscreenCanvas object. It is similar to the CanvasRenderingContext2D object, with the following differences: [MDN Reference](https://developer.mozilla.org/docs/Web/API/OffscreenCanvasRenderingContext2D) interface OffscreenCanvasRenderingContext2D {     [canvas](#canvas): [OffscreenCanvas](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.OffscreenCanvas/);     [direction](#direction): [CanvasDirection](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasDirection/);     [fillStyle](#fillstyle): string | [CanvasGradient](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasGradient/) | [CanvasPattern](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPattern/);     [filter](#filter): string;     [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/);     [globalAlpha](#globalalpha): number;     [globalCompositeOperation](#globalcompositeoperation): [GlobalCompositeOperation](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.GlobalCompositeOperation/);     [imageSmoothingEnabled](#imagesmoothingenabled): boolean;     [imageSmoothingQuality](#imagesmoothingquality): [ImageSmoothingQuality](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.ImageSmoothingQuality/);     [letterSpacing](#letterspacing): string;     [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;     [shadowBlur](#shadowblur): number;     [shadowColor](#shadowcolor): string;     [shadowOffsetX](#shadowoffsetx): number;     [shadowOffsetY](#shadowoffsety): number;     [strokeStyle](#strokestyle): string | [CanvasGradient](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasGradient/) | [CanvasPattern](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPattern/);     [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;     [arc](#arc-1)(         x: number,         y: number,         radius: number,         startAngle: number,         endAngle: number,         counterclockwise?: boolean,     ): void;     [arcTo](#arcto-1)(x1: number, y1: number, x2: number, y2: number, radius: number): void;     [beginPath](#beginpath-1)(): void;     [bezierCurveTo](#beziercurveto-1)(         cp1x: number,         cp1y: number,         cp2x: number,         cp2y: number,         x: number,         y: number,     ): void;     [clearRect](#clearrect-1)(x: number, y: number, w: number, h: number): void;     [clip](#clip-1)(fillRule?: [CanvasFillRule](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasFillRule/)): void;     [clip](#clip-2)(path: [Path2D](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Path2D/), fillRule?: [CanvasFillRule](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasFillRule/)): void;     [closePath](#closepath-1)(): void;     [createConicGradient](#createconicgradient-1)(         startAngle: number,         x: number,         y: number,     ): [CanvasGradient](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasGradient/);     [createImageData](#createimagedata-1)(         sw: number,         sh: number,         settings?: [ImageDataSettings](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ImageDataSettings/),     ): [ImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ImageData/);     [createImageData](#createimagedata-2)(imageData: [ImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ImageData/)): [ImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ImageData/);     [createLinearGradient](#createlineargradient-1)(         x0: number,         y0: number,         x1: number,         y1: number,     ): [CanvasGradient](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasGradient/);     [createPattern](#createpattern-1)(         image: [CanvasImageSource](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasImageSource/),         repetition: string | null,     ): [CanvasPattern](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPattern/) | null;     [createRadialGradient](#createradialgradient-1)(         x0: number,         y0: number,         r0: number,         x1: number,         y1: number,         r1: number,     ): [CanvasGradient](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasGradient/);     [drawImage](#drawimage-1)(image: [CanvasImageSource](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasImageSource/), dx: number, dy: number): void;     [drawImage](#drawimage-2)(         image: [CanvasImageSource](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasImageSource/),         dx: number,         dy: number,         dw: number,         dh: number,     ): void;     [drawImage](#drawimage-3)(         image: [CanvasImageSource](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasImageSource/),         sx: number,         sy: number,         sw: number,         sh: number,         dx: number,         dy: number,         dw: number,         dh: number,     ): void;     [ellipse](#ellipse-1)(         x: number,         y: number,         radiusX: number,         radiusY: number,         rotation: number,         startAngle: number,         endAngle: number,         counterclockwise?: boolean,     ): void;     [fill](#fill-1)(fillRule?: [CanvasFillRule](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasFillRule/)): void;     [fill](#fill-2)(path: [Path2D](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Path2D/), fillRule?: [CanvasFillRule](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasFillRule/)): void;     [fillRect](#fillrect-1)(x: number, y: number, w: number, h: number): void;     [fillText](#filltext-1)(text: string, x: number, y: number, maxWidth?: number): void;     [getImageData](#getimagedata-1)(         sx: number,         sy: number,         sw: number,         sh: number,         settings?: [ImageDataSettings](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ImageDataSettings/),     ): [ImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ImageData/);     [getLineDash](#getlinedash-1)(): number\[\];     [getTransform](#gettransform-1)(): [DOMMatrix](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMMatrix/);     [isContextLost](#iscontextlost-1)(): boolean;     [isPointInPath](#ispointinpath-1)(x: number, y: number, fillRule?: [CanvasFillRule](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasFillRule/)): boolean;     [isPointInPath](#ispointinpath-2)(         path: [Path2D](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Path2D/),         x: number,         y: number,         fillRule?: [CanvasFillRule](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasFillRule/),     ): boolean;     [isPointInStroke](#ispointinstroke-1)(x: number, y: number): boolean;     [isPointInStroke](#ispointinstroke-2)(path: [Path2D](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Path2D/), x: number, y: number): boolean;     [lineTo](#lineto-1)(x: number, y: number): void;     [measureText](#measuretext-1)(text: string): [TextMetrics](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.TextMetrics/);     [moveTo](#moveto-1)(x: number, y: number): void;     [putImageData](#putimagedata-1)(imageData: [ImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ImageData/), dx: number, dy: number): void;     [putImageData](#putimagedata-2)(         imageData: [ImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ImageData/),         dx: number,         dy: number,         dirtyX: number,         dirtyY: number,         dirtyWidth: number,         dirtyHeight: number,     ): void;     [quadraticCurveTo](#quadraticcurveto-1)(cpx: number, cpy: number, x: number, y: number): void;     [rect](#rect-1)(x: number, y: number, w: number, h: number): void;     [reset](#reset-1)(): void;     [resetTransform](#resettransform-1)(): void;     [restore](#restore-1)(): void;     [rotate](#rotate-1)(angle: number): void;     [roundRect](#roundrect-1)(         x: number,         y: number,         w: number,         h: number,         radii?: number | [DOMPointInit](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPointInit/) | (number | [DOMPointInit](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPointInit/))\[\],     ): void;     [roundRect](#roundrect-2)(         x: number,         y: number,         w: number,         h: number,         radii?: number | [DOMPointInit](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPointInit/) | [Iterable](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Iterable/),     ): void;     [save](#save-1)(): void;     [scale](#scale-1)(x: number, y: number): void;     [setLineDash](#setlinedash-1)(segments: number\[\]): void;     [setLineDash](#setlinedash-2)(segments: [Iterable](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Iterable/)): void;     [setTransform](#settransform-1)(         a: number,         b: number,         c: number,         d: number,         e: number,         f: number,     ): void;     [setTransform](#settransform-2)(transform?: [DOMMatrix2DInit](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMMatrix2DInit/)): void;     [stroke](#stroke-1)(): void;     [stroke](#stroke-2)(path: [Path2D](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Path2D/)): void;     [strokeRect](#strokerect-1)(x: number, y: number, w: number, h: number): void;     [strokeText](#stroketext-1)(text: string, x: number, y: number, maxWidth?: number): void;     [transform](#transform-1)(         a: number,         b: number,         c: number,         d: number,         e: number,         f: number,     ): void;     [translate](#translate-1)(x: number, y: number): void; } #### Hierarchy ([View Summary](https://docs.maptiler.com/sdk-js/api-reference/hierarchy/#Externals.OffscreenCanvasRenderingContext2D)) - [CanvasCompositing](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasCompositing/) - [CanvasDrawImage](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawImage/) - [CanvasDrawPath](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawPath/) - [CanvasFillStrokeStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasFillStrokeStyles/) - [CanvasFilters](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasFilters/) - [CanvasImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasImageData/) - [CanvasImageSmoothing](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasImageSmoothing/) - [CanvasPath](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPath/) - [CanvasPathDrawingStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPathDrawingStyles/) - [CanvasRect](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasRect/) - [CanvasShadowStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasShadowStyles/) - [CanvasState](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasState/) - [CanvasText](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasText/) - [CanvasTextDrawingStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTextDrawingStyles/) - [CanvasTransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTransform/) - OffscreenCanvasRenderingContext2D ##### Index ### Properties[](#properties) [canvas](#canvas) [direction](#direction) [fillStyle](#fillstyle) [filter](#filter) [font](#font) [fontKerning](#fontkerning) [fontStretch](#fontstretch) [fontVariantCaps](#fontvariantcaps) [globalAlpha](#globalalpha) [globalCompositeOperation](#globalcompositeoperation) [imageSmoothingEnabled](#imagesmoothingenabled) [imageSmoothingQuality](#imagesmoothingquality) [letterSpacing](#letterspacing) [lineCap](#linecap) [lineDashOffset](#linedashoffset) [lineJoin](#linejoin) [lineWidth](#linewidth) [miterLimit](#miterlimit) [shadowBlur](#shadowblur) [shadowColor](#shadowcolor) [shadowOffsetX](#shadowoffsetx) [shadowOffsetY](#shadowoffsety) [strokeStyle](#strokestyle) [textAlign](#textalign) [textBaseline](#textbaseline) [textRendering](#textrendering) [wordSpacing](#wordspacing) ### Methods[](#methods) [arc](#arc) [arcTo](#arcto) [beginPath](#beginpath) [bezierCurveTo](#beziercurveto) [clearRect](#clearrect) [clip](#clip) [closePath](#closepath) [createConicGradient](#createconicgradient) [createImageData](#createimagedata) [createLinearGradient](#createlineargradient) [createPattern](#createpattern) [createRadialGradient](#createradialgradient) [drawImage](#drawimage) [ellipse](#ellipse) [fill](#fill) [fillRect](#fillrect) [fillText](#filltext) [getImageData](#getimagedata) [getLineDash](#getlinedash) [getTransform](#gettransform) [isContextLost](#iscontextlost) [isPointInPath](#ispointinpath) [isPointInStroke](#ispointinstroke) [lineTo](#lineto) [measureText](#measuretext) [moveTo](#moveto) [putImageData](#putimagedata) [quadraticCurveTo](#quadraticcurveto) [rect](#rect) [reset](#reset) [resetTransform](#resettransform) [restore](#restore) [rotate](#rotate) [roundRect](#roundrect) [save](#save) [scale](#scale) [setLineDash](#setlinedash) [setTransform](#settransform) [stroke](#stroke) [strokeRect](#strokerect) [strokeText](#stroketext) [transform](#transform) [translate](#translate) ## Properties[](#properties-1) ### `Readonly`canvas[](#canvas) canvas: [OffscreenCanvas](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.OffscreenCanvas/) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/canvas) ### 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) Inherited from [CanvasTextDrawingStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTextDrawingStyles/).[direction](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTextDrawingStyles/#direction) ### fillStyle[](#fillstyle) fillStyle: string | [CanvasGradient](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasGradient/) | [CanvasPattern](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPattern/) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/fillStyle) Inherited from [CanvasFillStrokeStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasFillStrokeStyles/).[fillStyle](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasFillStrokeStyles/#fillstyle) ### filter[](#filter) filter: string [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/filter) Inherited from [CanvasFilters](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasFilters/).[filter](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasFilters/#filter) ### font[](#font) font: string [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/font) Inherited from [CanvasTextDrawingStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTextDrawingStyles/).[font](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTextDrawingStyles/#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) Inherited from [CanvasTextDrawingStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTextDrawingStyles/).[fontKerning](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTextDrawingStyles/#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) Inherited from [CanvasTextDrawingStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTextDrawingStyles/).[fontStretch](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTextDrawingStyles/#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) Inherited from [CanvasTextDrawingStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTextDrawingStyles/).[fontVariantCaps](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTextDrawingStyles/#fontvariantcaps) ### globalAlpha[](#globalalpha) globalAlpha: number [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/globalAlpha) Inherited from [CanvasCompositing](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasCompositing/).[globalAlpha](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasCompositing/#globalalpha) ### globalCompositeOperation[](#globalcompositeoperation) globalCompositeOperation: [GlobalCompositeOperation](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.GlobalCompositeOperation/) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation) Inherited from [CanvasCompositing](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasCompositing/).[globalCompositeOperation](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasCompositing/#globalcompositeoperation) ### imageSmoothingEnabled[](#imagesmoothingenabled) imageSmoothingEnabled: boolean [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/imageSmoothingEnabled) Inherited from [CanvasImageSmoothing](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasImageSmoothing/).[imageSmoothingEnabled](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasImageSmoothing/#imagesmoothingenabled) ### imageSmoothingQuality[](#imagesmoothingquality) imageSmoothingQuality: [ImageSmoothingQuality](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.ImageSmoothingQuality/) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/imageSmoothingQuality) Inherited from [CanvasImageSmoothing](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasImageSmoothing/).[imageSmoothingQuality](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasImageSmoothing/#imagesmoothingquality) ### letterSpacing[](#letterspacing) letterSpacing: string [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/letterSpacing) Inherited from [CanvasTextDrawingStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTextDrawingStyles/).[letterSpacing](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTextDrawingStyles/#letterspacing) ### 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) Inherited from [CanvasPathDrawingStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPathDrawingStyles/).[lineCap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPathDrawingStyles/#linecap) ### lineDashOffset[](#linedashoffset) lineDashOffset: number [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/lineDashOffset) Inherited from [CanvasPathDrawingStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPathDrawingStyles/).[lineDashOffset](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPathDrawingStyles/#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) Inherited from [CanvasPathDrawingStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPathDrawingStyles/).[lineJoin](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPathDrawingStyles/#linejoin) ### lineWidth[](#linewidth) lineWidth: number [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/lineWidth) Inherited from [CanvasPathDrawingStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPathDrawingStyles/).[lineWidth](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPathDrawingStyles/#linewidth) ### miterLimit[](#miterlimit) miterLimit: number [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/miterLimit) Inherited from [CanvasPathDrawingStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPathDrawingStyles/).[miterLimit](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPathDrawingStyles/#miterlimit) ### shadowBlur[](#shadowblur) shadowBlur: number [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/shadowBlur) Inherited from [CanvasShadowStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasShadowStyles/).[shadowBlur](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasShadowStyles/#shadowblur) ### shadowColor[](#shadowcolor) shadowColor: string [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/shadowColor) Inherited from [CanvasShadowStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasShadowStyles/).[shadowColor](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasShadowStyles/#shadowcolor) ### shadowOffsetX[](#shadowoffsetx) shadowOffsetX: number [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX) Inherited from [CanvasShadowStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasShadowStyles/).[shadowOffsetX](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasShadowStyles/#shadowoffsetx) ### shadowOffsetY[](#shadowoffsety) shadowOffsetY: number [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY) Inherited from [CanvasShadowStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasShadowStyles/).[shadowOffsetY](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasShadowStyles/#shadowoffsety) ### strokeStyle[](#strokestyle) strokeStyle: string | [CanvasGradient](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasGradient/) | [CanvasPattern](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPattern/) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/strokeStyle) Inherited from [CanvasFillStrokeStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasFillStrokeStyles/).[strokeStyle](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasFillStrokeStyles/#strokestyle) ### 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) Inherited from [CanvasTextDrawingStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTextDrawingStyles/).[textAlign](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTextDrawingStyles/#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) Inherited from [CanvasTextDrawingStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTextDrawingStyles/).[textBaseline](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTextDrawingStyles/#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) Inherited from [CanvasTextDrawingStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTextDrawingStyles/).[textRendering](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTextDrawingStyles/#textrendering) ### wordSpacing[](#wordspacing) wordSpacing: string [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/wordSpacing) Inherited from [CanvasTextDrawingStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTextDrawingStyles/).[wordSpacing](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTextDrawingStyles/#wordspacing) ## Methods[](#methods-1) ### arc[](#arc) - arc(     x: number,     y: number,     radius: number,     startAngle: number,     endAngle: number,     counterclockwise?: boolean, ): void[](#arc-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/arc) #### Parameters - x: number - y: number - radius: number - startAngle: number - endAngle: number - `Optional`counterclockwise: boolean #### Returns void Inherited from [CanvasPath](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPath/).[arc](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPath/#arc) ### arcTo[](#arcto) - arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void[](#arcto-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/arcTo) #### Parameters - x1: number - y1: number - x2: number - y2: number - radius: number #### Returns void Inherited from [CanvasPath](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPath/).[arcTo](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPath/#arcto) ### beginPath[](#beginpath) - beginPath(): void[](#beginpath-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/beginPath) #### Returns void Inherited from [CanvasDrawPath](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawPath/).[beginPath](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawPath/#beginpath) ### bezierCurveTo[](#beziercurveto) - bezierCurveTo(     cp1x: number,     cp1y: number,     cp2x: number,     cp2y: number,     x: number,     y: number, ): void[](#beziercurveto-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/bezierCurveTo) #### Parameters - cp1x: number - cp1y: number - cp2x: number - cp2y: number - x: number - y: number #### Returns void Inherited from [CanvasPath](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPath/).[bezierCurveTo](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPath/#beziercurveto) ### 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 Inherited from [CanvasRect](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasRect/).[clearRect](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasRect/#clearrect) ### clip[](#clip) - clip(fillRule?: [CanvasFillRule](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasFillRule/)): void[](#clip-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/clip) #### Parameters - `Optional`fillRule: [CanvasFillRule](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasFillRule/) #### Returns void Inherited from [CanvasDrawPath](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawPath/).[clip](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawPath/#clip) - clip(path: [Path2D](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Path2D/), fillRule?: [CanvasFillRule](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasFillRule/)): void[](#clip-2) #### Parameters - path: [Path2D](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Path2D/) - `Optional`fillRule: [CanvasFillRule](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasFillRule/) #### Returns void Inherited from [CanvasDrawPath](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawPath/).[clip](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawPath/#clip) ### closePath[](#closepath) - closePath(): void[](#closepath-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/closePath) #### Returns void Inherited from [CanvasPath](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPath/).[closePath](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPath/#closepath) ### createConicGradient[](#createconicgradient) - createConicGradient(startAngle: number, x: number, y: number): [CanvasGradient](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasGradient/)[](#createconicgradient-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/createConicGradient) #### Parameters - startAngle: number - x: number - y: number #### Returns [CanvasGradient](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasGradient/) Inherited from [CanvasFillStrokeStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasFillStrokeStyles/).[createConicGradient](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasFillStrokeStyles/#createconicgradient) ### createImageData[](#createimagedata) - createImageData(sw: number, sh: number, settings?: [ImageDataSettings](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ImageDataSettings/)): [ImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ImageData/)[](#createimagedata-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/createImageData) #### Parameters - sw: number - sh: number - `Optional`settings: [ImageDataSettings](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ImageDataSettings/) #### Returns [ImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ImageData/) Inherited from [CanvasImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasImageData/).[createImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasImageData/#createimagedata) - createImageData(imageData: [ImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ImageData/)): [ImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ImageData/)[](#createimagedata-2) #### Parameters - imageData: [ImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ImageData/) #### Returns [ImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ImageData/) Inherited from [CanvasImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasImageData/).[createImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasImageData/#createimagedata) ### createLinearGradient[](#createlineargradient) - createLinearGradient(     x0: number,     y0: number,     x1: number,     y1: number, ): [CanvasGradient](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasGradient/)[](#createlineargradient-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/createLinearGradient) #### Parameters - x0: number - y0: number - x1: number - y1: number #### Returns [CanvasGradient](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasGradient/) Inherited from [CanvasFillStrokeStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasFillStrokeStyles/).[createLinearGradient](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasFillStrokeStyles/#createlineargradient) ### createPattern[](#createpattern) - createPattern(     image: [CanvasImageSource](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasImageSource/),     repetition: string | null, ): [CanvasPattern](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPattern/) | null[](#createpattern-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/createPattern) #### Parameters - image: [CanvasImageSource](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasImageSource/) - repetition: string | null #### Returns [CanvasPattern](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPattern/) | null Inherited from [CanvasFillStrokeStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasFillStrokeStyles/).[createPattern](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasFillStrokeStyles/#createpattern) ### createRadialGradient[](#createradialgradient) - createRadialGradient(     x0: number,     y0: number,     r0: number,     x1: number,     y1: number,     r1: number, ): [CanvasGradient](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasGradient/)[](#createradialgradient-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/createRadialGradient) #### Parameters - x0: number - y0: number - r0: number - x1: number - y1: number - r1: number #### Returns [CanvasGradient](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasGradient/) Inherited from [CanvasFillStrokeStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasFillStrokeStyles/).[createRadialGradient](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasFillStrokeStyles/#createradialgradient) ### drawImage[](#drawimage) - drawImage(image: [CanvasImageSource](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasImageSource/), dx: number, dy: number): void[](#drawimage-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/drawImage) #### Parameters - image: [CanvasImageSource](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasImageSource/) - dx: number - dy: number #### Returns void Inherited from [CanvasDrawImage](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawImage/).[drawImage](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawImage/#drawimage) - drawImage(     image: [CanvasImageSource](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasImageSource/),     dx: number,     dy: number,     dw: number,     dh: number, ): void[](#drawimage-2) #### Parameters - image: [CanvasImageSource](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasImageSource/) - dx: number - dy: number - dw: number - dh: number #### Returns void Inherited from [CanvasDrawImage](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawImage/).[drawImage](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawImage/#drawimage) - drawImage(     image: [CanvasImageSource](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasImageSource/),     sx: number,     sy: number,     sw: number,     sh: number,     dx: number,     dy: number,     dw: number,     dh: number, ): void[](#drawimage-3) #### Parameters - image: [CanvasImageSource](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasImageSource/) - sx: number - sy: number - sw: number - sh: number - dx: number - dy: number - dw: number - dh: number #### Returns void Inherited from [CanvasDrawImage](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawImage/).[drawImage](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawImage/#drawimage) ### ellipse[](#ellipse) - ellipse(     x: number,     y: number,     radiusX: number,     radiusY: number,     rotation: number,     startAngle: number,     endAngle: number,     counterclockwise?: boolean, ): void[](#ellipse-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/ellipse) #### Parameters - x: number - y: number - radiusX: number - radiusY: number - rotation: number - startAngle: number - endAngle: number - `Optional`counterclockwise: boolean #### Returns void Inherited from [CanvasPath](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPath/).[ellipse](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPath/#ellipse) ### fill[](#fill) - fill(fillRule?: [CanvasFillRule](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasFillRule/)): void[](#fill-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/fill) #### Parameters - `Optional`fillRule: [CanvasFillRule](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasFillRule/) #### Returns void Inherited from [CanvasDrawPath](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawPath/).[fill](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawPath/#fill) - fill(path: [Path2D](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Path2D/), fillRule?: [CanvasFillRule](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasFillRule/)): void[](#fill-2) #### Parameters - path: [Path2D](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Path2D/) - `Optional`fillRule: [CanvasFillRule](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasFillRule/) #### Returns void Inherited from [CanvasDrawPath](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawPath/).[fill](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawPath/#fill) ### 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 Inherited from [CanvasRect](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasRect/).[fillRect](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasRect/#fillrect) ### 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 Inherited from [CanvasText](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasText/).[fillText](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasText/#filltext) ### getImageData[](#getimagedata) - getImageData(     sx: number,     sy: number,     sw: number,     sh: number,     settings?: [ImageDataSettings](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ImageDataSettings/), ): [ImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ImageData/)[](#getimagedata-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/getImageData) #### Parameters - sx: number - sy: number - sw: number - sh: number - `Optional`settings: [ImageDataSettings](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ImageDataSettings/) #### Returns [ImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ImageData/) Inherited from [CanvasImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasImageData/).[getImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasImageData/#getimagedata) ### getLineDash[](#getlinedash) - getLineDash(): number\[\][](#getlinedash-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/getLineDash) #### Returns number\[\] Inherited from [CanvasPathDrawingStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPathDrawingStyles/).[getLineDash](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPathDrawingStyles/#getlinedash) ### getTransform[](#gettransform) - getTransform(): [DOMMatrix](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMMatrix/)[](#gettransform-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/getTransform) #### Returns [DOMMatrix](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMMatrix/) Inherited from [CanvasTransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTransform/).[getTransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTransform/#gettransform) ### isContextLost[](#iscontextlost) - isContextLost(): boolean[](#iscontextlost-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/isContextLost) #### Returns boolean Inherited from [CanvasState](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasState/).[isContextLost](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasState/#iscontextlost) ### isPointInPath[](#ispointinpath) - isPointInPath(x: number, y: number, fillRule?: [CanvasFillRule](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasFillRule/)): boolean[](#ispointinpath-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/isPointInPath) #### Parameters - x: number - y: number - `Optional`fillRule: [CanvasFillRule](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasFillRule/) #### Returns boolean Inherited from [CanvasDrawPath](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawPath/).[isPointInPath](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawPath/#ispointinpath) - isPointInPath(     path: [Path2D](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Path2D/),     x: number,     y: number,     fillRule?: [CanvasFillRule](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasFillRule/), ): boolean[](#ispointinpath-2) #### Parameters - path: [Path2D](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Path2D/) - x: number - y: number - `Optional`fillRule: [CanvasFillRule](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasFillRule/) #### Returns boolean Inherited from [CanvasDrawPath](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawPath/).[isPointInPath](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawPath/#ispointinpath) ### isPointInStroke[](#ispointinstroke) - isPointInStroke(x: number, y: number): boolean[](#ispointinstroke-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/isPointInStroke) #### Parameters - x: number - y: number #### Returns boolean Inherited from [CanvasDrawPath](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawPath/).[isPointInStroke](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawPath/#ispointinstroke) - isPointInStroke(path: [Path2D](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Path2D/), x: number, y: number): boolean[](#ispointinstroke-2) #### Parameters - path: [Path2D](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Path2D/) - x: number - y: number #### Returns boolean Inherited from [CanvasDrawPath](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawPath/).[isPointInStroke](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawPath/#ispointinstroke) ### lineTo[](#lineto) - lineTo(x: number, y: number): void[](#lineto-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/lineTo) #### Parameters - x: number - y: number #### Returns void Inherited from [CanvasPath](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPath/).[lineTo](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPath/#lineto) ### 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/) Inherited from [CanvasText](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasText/).[measureText](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasText/#measuretext) ### moveTo[](#moveto) - moveTo(x: number, y: number): void[](#moveto-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/moveTo) #### Parameters - x: number - y: number #### Returns void Inherited from [CanvasPath](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPath/).[moveTo](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPath/#moveto) ### putImageData[](#putimagedata) - putImageData(imageData: [ImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ImageData/), dx: number, dy: number): void[](#putimagedata-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/putImageData) #### Parameters - imageData: [ImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ImageData/) - dx: number - dy: number #### Returns void Inherited from [CanvasImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasImageData/).[putImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasImageData/#putimagedata) - putImageData(     imageData: [ImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ImageData/),     dx: number,     dy: number,     dirtyX: number,     dirtyY: number,     dirtyWidth: number,     dirtyHeight: number, ): void[](#putimagedata-2) #### Parameters - imageData: [ImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ImageData/) - dx: number - dy: number - dirtyX: number - dirtyY: number - dirtyWidth: number - dirtyHeight: number #### Returns void Inherited from [CanvasImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasImageData/).[putImageData](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasImageData/#putimagedata) ### quadraticCurveTo[](#quadraticcurveto) - quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void[](#quadraticcurveto-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/quadraticCurveTo) #### Parameters - cpx: number - cpy: number - x: number - y: number #### Returns void Inherited from [CanvasPath](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPath/).[quadraticCurveTo](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPath/#quadraticcurveto) ### rect[](#rect) - rect(x: number, y: number, w: number, h: number): void[](#rect-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/rect) #### Parameters - x: number - y: number - w: number - h: number #### Returns void Inherited from [CanvasPath](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPath/).[rect](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPath/#rect) ### reset[](#reset) - reset(): void[](#reset-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/reset) #### Returns void Inherited from [CanvasState](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasState/).[reset](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasState/#reset) ### resetTransform[](#resettransform) - resetTransform(): void[](#resettransform-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/resetTransform) #### Returns void Inherited from [CanvasTransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTransform/).[resetTransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTransform/#resettransform) ### restore[](#restore) - restore(): void[](#restore-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/restore) #### Returns void Inherited from [CanvasState](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasState/).[restore](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasState/#restore) ### rotate[](#rotate) - rotate(angle: number): void[](#rotate-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/rotate) #### Parameters - angle: number #### Returns void Inherited from [CanvasTransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTransform/).[rotate](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTransform/#rotate) ### roundRect[](#roundrect) - roundRect(     x: number,     y: number,     w: number,     h: number,     radii?: number | [DOMPointInit](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPointInit/) | (number | [DOMPointInit](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPointInit/))\[\], ): void[](#roundrect-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/roundRect) #### Parameters - x: number - y: number - w: number - h: number - `Optional`radii: number | [DOMPointInit](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPointInit/) | (number | [DOMPointInit](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPointInit/))\[\] #### Returns void Inherited from [CanvasPath](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPath/).[roundRect](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPath/#roundrect) - roundRect(     x: number,     y: number,     w: number,     h: number,     radii?: number | [DOMPointInit](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPointInit/) | [Iterable](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Iterable/), ): void[](#roundrect-2) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/roundRect) #### Parameters - x: number - y: number - w: number - h: number - `Optional`radii: number | [DOMPointInit](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPointInit/) | [Iterable](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Iterable/) #### Returns void Inherited from [CanvasPath](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPath/).[roundRect](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPath/#roundrect) ### save[](#save) - save(): void[](#save-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/save) #### Returns void Inherited from [CanvasState](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasState/).[save](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasState/#save) ### scale[](#scale) - scale(x: number, y: number): void[](#scale-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/scale) #### Parameters - x: number - y: number #### Returns void Inherited from [CanvasTransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTransform/).[scale](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTransform/#scale) ### setLineDash[](#setlinedash) - setLineDash(segments: number\[\]): void[](#setlinedash-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/setLineDash) #### Parameters - segments: number\[\] #### Returns void Inherited from [CanvasPathDrawingStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPathDrawingStyles/).[setLineDash](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPathDrawingStyles/#setlinedash) - setLineDash(segments: [Iterable](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Iterable/)): 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/) #### Returns void Inherited from [CanvasPathDrawingStyles](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPathDrawingStyles/).[setLineDash](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasPathDrawingStyles/#setlinedash) ### setTransform[](#settransform) - setTransform(     a: number,     b: number,     c: number,     d: number,     e: number,     f: number, ): void[](#settransform-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/setTransform) #### Parameters - a: number - b: number - c: number - d: number - e: number - f: number #### Returns void Inherited from [CanvasTransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTransform/).[setTransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTransform/#settransform) - setTransform(transform?: [DOMMatrix2DInit](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMMatrix2DInit/)): void[](#settransform-2) #### Parameters - `Optional`transform: [DOMMatrix2DInit](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMMatrix2DInit/) #### Returns void Inherited from [CanvasTransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTransform/).[setTransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTransform/#settransform) ### stroke[](#stroke) - stroke(): void[](#stroke-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/stroke) #### Returns void Inherited from [CanvasDrawPath](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawPath/).[stroke](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawPath/#stroke) - stroke(path: [Path2D](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Path2D/)): void[](#stroke-2) #### Parameters - path: [Path2D](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Path2D/) #### Returns void Inherited from [CanvasDrawPath](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawPath/).[stroke](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasDrawPath/#stroke) ### 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 Inherited from [CanvasRect](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasRect/).[strokeRect](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasRect/#strokerect) ### 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 Inherited from [CanvasText](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasText/).[strokeText](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasText/#stroketext) ### transform[](#transform) - transform(     a: number,     b: number,     c: number,     d: number,     e: number,     f: number, ): void[](#transform-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/transform) #### Parameters - a: number - b: number - c: number - d: number - e: number - f: number #### Returns void Inherited from [CanvasTransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTransform/).[transform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTransform/#transform) ### translate[](#translate) - translate(x: number, y: number): void[](#translate-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/translate) #### Parameters - x: number - y: number #### Returns void Inherited from [CanvasTransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTransform/).[translate](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CanvasTransform/#translate)