sketchpad 0.5.1

Sketchpad.pro

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

Sketchpad.pro is using "slices of time" as inputs history to store events. This approach allows co-operating multiple users in real-time using WebSocket server.

Sketchpad Pro is fully customizable 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="http://cdn.sketchpad.pro/dist/current/sketchpad.min.js"></script>

Build your own Sketchpad Pro

  1. Download & install current Node.js.
  2. Download 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.

  2. Open test page: demos/online.html to test your build.

  3. Run local server

    node server/server.js

Try:

gulp watch

to watch files for changes while development.

Documentation

The full documentation is available online at the following address: http://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 the installation directory.

Just call for example:

  simple.html

License

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

Index

NSSketchpad-agpl.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

colorpalette.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

events.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

eventsmanager.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

fontpalette.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

formpalette.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

keyshortcuts.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

misc.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

pixelpicker-old.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

pixelpicker.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

polyfill.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

sketchpad.input.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

sketchpad.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

sketchpad.room.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

sketchpad.sketch.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

sketchpad.tool._fillable.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

sketchpad.tool.circle.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

sketchpad.tool.colorpicker.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

sketchpad.tool.custom.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

sketchpad.tool.cutout.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

sketchpad.tool.eraser.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

sketchpad.tool.highlighter.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

sketchpad.tool.image.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

sketchpad.tool.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

sketchpad.tool.line.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

sketchpad.tool.mandala.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

sketchpad.tool.move-viewport.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

sketchpad.tool.null.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

sketchpad.tool.pen.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

sketchpad.tool.rainbow.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

sketchpad.tool.rectangle.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

sketchpad.tool.rotate-viewport.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

sketchpad.tool.type.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co

Index

thickness.js

Inputs stack

Date: 2016-08-11T14:00Z

Version:
  • 0.5.1
Author:
  • positivestudio.co