Ready to use maps Create maps Build applications Location services Bring your data On-prem

Explore map catalog

Data visualization maps

Streets & transport maps

Satellite maps

Outdoor & topo maps

Create maps

Design and customize your own maps

Design custom maps Explore data catalog

Build applications

Create powerful apps with our versatile SDK

Interactive maps Visualize your data Mobile SDK Display weather Generate static maps 3D maps

Location services

Powerful map searching and geocoding services

Search & Geocoding Locate IP addresses Transform coordinates

Bring your data

Enrich maps with your own data

Host & process geodata Georeferencing Edit vector data GeoSplats

On-prem

Secure self-hosted mapping solutions

Host and serve mapsserver Get map data Process geodataengine

News Careers About us Open-source Contacts

Pricing

Documentation JavaScript SDK Mobile SDKs API reference YouTube channel Contact support Connect25 Conference

Web Search Platform

Ready to use maps Create maps Build applications Location services Bring your data On-prem

Back

Data visualization maps

Streets & transport maps

Satellite maps

Outdoor & topo maps

Explore map catalog

Back

Create maps

Design and customize your own maps

Design custom maps Explore data catalog

Back

Build applications

Create powerful apps with our versatile SDK

Interactive maps Visualize your data Mobile SDK Display weather Generate static maps 3D maps

Back

Location services

Powerful map searching and geocoding services

Search & Geocoding Locate IP addresses Transform coordinates

Back

Bring your data

Enrich maps with your own data

Host & process geodata Georeferencing Edit vector data GeoSplats

Back

On-prem

Secure self-hosted mapping solutions

Host and serve mapsserver Get map data Process geodataengine

Company

News Careers About us Open-source Contacts

Pricing Resources

Documentation JavaScript SDK Mobile SDKs API reference YouTube channel Contact support Connect25 Conference

Home
Updates
Guides
Get started
Use a ready-made map
Design your map
Bring your data
Use location services
Manage your account
Developer resources
Overview
Authentication
- API key
- Service token
AI-assisted development
APIs
SDK JS
GeoSplats SDK
- Code examples
- Reference
Mobile SDKs
JavaScript frameworks
- Angular
  - Examples
- React
  - Examples
- Svelte
  - Examples
- Vite
- Vue.js
  - Examples
3rd party libraries
- Leaflet
  - Examples
- MapLibre GL JS
  - Examples
- OpenLayers
  - Examples
- Deck.gl
  - Examples
- Cesium
- Game engines
  - Unreal
  - Unity
Map resources
How maps work
MapTiler schemas & data
Map reference
- GL style specification
  - Root
  - Light
  - Sources
  - Sprite
  - Glyphs
  - Transition
  - Layers
  - Projection
  - Sky
  - Types
  - Expressions
- Map transformations
- Tilestats
  - How to generate tilestats
On-prem
MapTiler Server
MapTiler Engine

On this page

MapTiler SDK JS

Variable CanvasPattern

CanvasPattern: { prototype: CanvasPattern; new (): CanvasPattern }

Type Declaration

- new (): CanvasPattern
- Returns CanvasPattern
prototype: CanvasPattern

Was this helpful?

Thank you! Please tell us what's unclear or missing on this page, so we can improve it for you.

Thank you for your feedback!

You've already voted on this page.

reCAPTCHA failed! Please try again.

Follow us on

Company

About us Careers Press Become a partner Contact us

Usage

Industries Mapbox alternative Google Maps alternative Geolayers Maps for games

Resources

Documentation Showcases & tools Attribution free map Open source Support Connect25 Conference

© 2026 MapTiler. All rights reserved.

Security Privacy Policy Terms of Use Cookie settings

SDK JS

Reference

CanvasPattern