/InfiniteCanvasWhiteboard

An infinite whiteboard built using a canvas element

Primary LanguageHTML

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

Example

gif created with ezgif