Infinite whiteboard template

About

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 infiniboards.com.

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