https://github.com/component/sketch

Turn a canvas into a sketch pad
https://github.com/component/sketch

Last synced: 13 days ago
JSON representation

Turn a canvas into a sketch pad

• Host: GitHub
• URL: https://github.com/component/sketch
• Owner: component
• Created: 2012-08-31T16:13:22.000Z (over 12 years ago)
• Default Branch: master
• Last Pushed: 2013-10-09T23:39:17.000Z (about 11 years ago)
• Last Synced: 2024-05-08T17:06:45.373Z (8 months ago)
• Language: JavaScript
• Size: 149 KB
• Stars: 10
• Watchers: 4
• Forks: 4
• Open Issues: 1
• Metadata Files:
  • Readme: Readme.md
  • Changelog: History.md

Awesome Lists containing this project

README

        

# Sketch

  Turn a canvas into a sketch pad.

  ![js canvas sketch](http://f.cl.ly/items/3a1a0h2X472Y0S3f2A2u/Screen%20Shot%202012-08-31%20at%209.08.47%20AM.png)

## Installation

```

$ component install component/sketch

```

## API

### sketch(canvas)

  Turn the given `canvas` into a sketch pad.

```js

var sketch = require('sketch');

sketch(canvas);

```

### Sketch#add(object)

  Add drawable `object` that _must_ provide a `.draw(ctx)` method.

### Sketch#size(n)

  Set pen size.

### Sketch#color(string)

  Set pen color.

### Sketch#opacity(n)

  Set pen opacity.

### Sketch#clear()

  Clear the objects and re-draw.

### Sketch#reset()

  Reset the sketch defaults and clear the canvas.

## License

  MIT