benbro / InfiniteCanvasWhiteboard

An infinite whiteboard built using a canvas element

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Infinite whiteboard template


This is a template for an infinite whiteboard that uses a <canvas> element. An example site that has built on this code (adding collaboration and other features) can be found at

Accessing the whiteboard

You can open index.html to use the whiteboard in desktop mode, or run the Node.js server with:

node app.js

to access it at http://localhost:3000. Depending on your firewall settings you should be able to connect to the server from a mobile device on your network by entering your computer's IP address in your mobile's browser like so: 192.168.__.__:3000.

Desktop controls

  • Left click to draw
  • Right click to pan
  • Scroll to zoom

Mobile controls

  • Single touch to draw
  • Double touch to zoom / pan

Example mobile use


gif created with ezgif


An infinite whiteboard built using a canvas element


Language:HTML 97.5%Language:JavaScript 2.5%