Skip to content
Sketchpad is fully customisable collaborative whiteboard plugin written in pure JavaScript.
JavaScript Dockerfile
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
client
demos
docker Update npm libs, fix scripts order, keep main repository in docker sc… Nov 29, 2018
server Init Sketchpad from 0.5.1 Oct 20, 2017
.gitignore Use Local Librairies Nov 28, 2018
CHANGELOG
CONTRIBUTING
LICENSE
README.md
gulpfile.js
jsdoc-client.json Init Sketchpad from 0.5.1 Oct 20, 2017
jsdoc-server.json Init Sketchpad from 0.5.1 Oct 20, 2017
package.json Update npm libs, fix scripts order, keep main repository in docker sc… Nov 29, 2018

README.md

Sketchpad.pro

Sketchpad Pro is a simple graphic editor written for web. This drawing plugin uses HTML5 Canvas supported by all modern browsers (Chrome, Firefox, Opera, Internet Explorer...). You can use any device to draw on "sketchpad". Drawen sketches you can export to jepg/png or save as .json history file.

Sketchpad Pro is using inputs history to store drawings. This allows to cooperate multiple users in real-time using WebSocket server.

Sketchpad Pro is fully customisable javascript library written in ES5.

Using Sketchpad Pro with a CDN Copy this script and paste into your page to include Sketchpad Pro from CDN server:

<script src="https://cdn.sketchpad.pro/dist/current/sketchpad.min.js"></script>

Build your own Sketchpad Pro

  1. Download & install current Node.js.
  2. Download {@link https://developers.sketchpad.pro Sketchpad Pro developer pack} and extract sketchpad/ folder or clone project from GitHub:
git clone https://github.com/cojapacze/sketchpad.git

  1. Run in terminal:
cd sketchpad
npm install
gulp
  1. Check dist/ folder for your build files. Open test page: demos/online.html to test your build.

  2. Run local server

cd server
node server

Try:

gulp watch

to watch files for changes while development.

Demos

https://developers.sketchpad.pro/advanced.html

Docker

Dockerfile and docker-compose are available in the Docker directory of the project.

Documentation

The full documentation is available online at the following address: https://developers.sketchpad.pro/documentation.html

Checking Your Installation

The Sketchpad.pro comes with a few sample pages that can be used to verify that installation proceeded properly. Take a look at the demos in installation directory.

Just call for example:

  simple.html

License

AGPL-3. https://www.gnu.org/licenses/agpl-3.0.html

You can’t perform that action at this time.