https://github.com/cojapacze/sketchpad

Sketchpad is fully customisable collaborative whiteboard plugin written in pure JavaScript.
https://github.com/cojapacze/sketchpad

brush brushes canvas cdn draw drawing drawing-app drawing-library drawingboard editor history javascript paint paint-application sketchpad websocket websocket-chat websocket-client websocket-server whiteboard

Last synced: 3 months ago
JSON representation

Sketchpad is fully customisable collaborative whiteboard plugin written in pure JavaScript.

• Host: GitHub
• URL: https://github.com/cojapacze/sketchpad
• Owner: cojapacze
• License: agpl-3.0
• Created: 2016-12-06T08:51:47.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2020-04-30T00:52:23.000Z (over 4 years ago)
• Last Synced: 2024-08-01T13:34:06.631Z (6 months ago)
• Topics: brush, brushes, canvas, cdn, draw, drawing, drawing-app, drawing-library, drawingboard, editor, history, javascript, paint, paint-application, sketchpad, websocket, websocket-chat, websocket-client, websocket-server, whiteboard
• Language: JavaScript
• Homepage: https://sketchpad.pro
• Size: 1.33 MB
• Stars: 152
• Watchers: 7
• Forks: 38
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG
  • Contributing: CONTRIBUTING
  • License: LICENSE

Awesome Lists containing this project

README

        
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:

```

```

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

```

3. Run in terminal:

```

cd sketchpad

npm install

gulp

```

4. Check dist/ folder for your build files. Open test page: demos/online.html to test your build.

5. 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