A lightweight JavaScript library for drawing facilities on HTML5 canvas.
Go to file
Luis Leiva 9432744ecd Fixed negative finger IDs issue on iOS devices 2018-04-28 19:54:30 +02:00
dist Updated dist files 2018-01-03 13:09:53 +01:00
figs Version 2.0 🎉 2017-11-12 17:10:45 +01:00
.eslintrc.js Updated eslint 2017-12-06 00:13:06 +01:00
.gitignore Version 2.0 🎉 2017-11-12 17:10:45 +01:00
Gruntfile.js Updated dist script 2017-12-17 23:38:13 +01:00
LICENSE Version 2.0 🎉 2017-11-12 17:10:45 +01:00
README.md Updated readme 2017-12-17 23:38:21 +01:00
jquery.sketchable.animate.js Updated animate events docs 2017-12-17 23:19:42 +01:00
jquery.sketchable.js Fixed negative finger IDs issue on iOS devices 2018-04-28 19:54:30 +02:00
jquery.sketchable.memento.js Updated code doc 2017-12-17 23:16:34 +01:00
jquery.sketchable.svg.js Updated code doc 2017-12-17 23:16:34 +01:00
jsdoc.json Updated code doc 2017-12-17 23:16:34 +01:00
jsketch.js Simplified shorthand methods 2017-12-18 09:05:11 +01:00
jsketch.svg.js Don't alias this 2017-12-24 13:28:00 +01:00
package.json Linted 2017-11-19 21:39:06 +01:00
sketchable.animate.js Updated animate events docs 2017-12-17 23:19:42 +01:00
sketchable.js Fixed negative finger IDs issue on iOS devices 2018-04-28 19:54:30 +02:00
sketchable.memento.js Updated code doc 2017-12-17 23:16:34 +01:00
sketchable.svg.js Updated code doc 2017-12-17 23:16:34 +01:00
sketchable.utils.js Removed whitespace 2017-12-17 20:38:08 +01:00

README.md

jSketch

A lightweight JavaScript library for drawing facilities on an HTML5 canvas. Conveniently wrapped in a Sketchable class. Available also as a jQuery plugin.

Disclaimer: This library is mainly focused on free-form drawing, although it supports many of the native canvas methods. If you need a more complex solution try RaphäelJS or Fabric.js

Demos and documentation

g3 demo slm demo guessit demo mucaptcha demo smiley demo

TL;DR:

Vanilla JavaScript version

Add <script src="dist/sketchable.full.min.js"></script> to your page and just do:

var sketcher = new Sketchable('canvas');

jQuery version

Add <script src="dist/jquery.sketchable.full.min.js"></script> to your page and just do:

var $sketcher = $('canvas').sketchable();

That's it!

Want to know more? Go to demos and documentation.

License

This libray is released with the MIT license. The only requirement is that you keep my copyright notice intact when you repurpose, redistribute, or reuse this code.