An infinite canvas tutorial

Skip to content

An infinite canvas tutorial

Main Navigation Guide Example Reference

English

English

Appearance

Sidebar Navigation

Example

A polar system

Reduce draw calls with culling

Reduce draw calls with instanced array

Optimize picking performance with RBush

Render a Rect

Render a rounded rect with shadow

Render canvas in WebWorker

Export canvas content as image

Wikipedia Datamap

Rough shapes

On this page

Rendering in WebWorker

transferControlToOffscreen from main thread to WebWorker.
Listen to events such as pointerdown / resize on main thread and transfer serialized version later.

Edit this page on GitHub

Last updated:

Pager

Previous pageRender a rounded rect with shadow

Next pageExport canvas content as image

Released under the MIT License.

Copyright © 2024-present Yuqi Pan