https://github.com/luileito/jsketch

A lightweight JavaScript library for drawing facilities on HTML5 canvas.
https://github.com/luileito/jsketch

drawing-on-canvas html-canvas html5-canvas-js sketching

Last synced: 6 months ago
JSON representation

A lightweight JavaScript library for drawing facilities on HTML5 canvas.

• Host: GitHub
• URL: https://github.com/luileito/jsketch
• Owner: luileito
• License: mit
• Created: 2012-07-07T16:51:09.000Z (about 14 years ago)
• Default Branch: master
• Last Pushed: 2022-04-24T16:54:50.000Z (about 4 years ago)
• Last Synced: 2024-04-16T10:22:24.297Z (over 2 years ago)
• Topics: drawing-on-canvas, html-canvas, html5-canvas-js, sketching
• Language: JavaScript
• Homepage: https://luis.leiva.name/jsketch/
• Size: 319 KB
• Stars: 31
• Watchers: 4
• Forks: 6
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 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](http://www.raphaeljs.com)

or [Fabric.js](http://www.fabricjs.com)

[Demos and documentation](https://luis.leiva.name/jsketch/)

![g3 demo](figs/res-demo-g3.png)

![slm demo](figs/res-demo-slm.png)

![guessit demo](figs/res-demo-guessit.png)

![mucaptcha demo](figs/res-demo-mucaptcha.png)

![smiley demo](figs/res-demo-smiley.png)

## TL;DR:

### Vanilla JavaScript version

Add `` to your page and just do:

```js

var sketcher = new Sketchable('canvas');

```

### jQuery version

Add `` to your page and just do:

```js

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

```

That's it!

**Want to know more?**

Go to [demos and documentation](https://luis.leiva.name/jsketch/).

## License

This libray is released with the [MIT license](LICENSE).

The only requirement is that you keep my copyright notice intact when you repurpose, redistribute, or reuse this code.