cs

canvas-splitter

Split a big canvas element into a grid of lots of little canvas elements.

Showing:

Popularity

Downloads/wk

1

GitHub Stars

10

Maintenance

Last Commit

4yrs ago

Contributors

0

Package

Dependencies

0

Size (min+gzip)

0.3KB

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Deprecated!
Deprecated: this is more efficient by not creating multiple canvas contexts.

Readme

canvas-splitter

Deprecated: this is more efficient by not creating multiple canvas contexts.

Split a big canvas element into a grid of lots of little canvas elements. Useful for spritemaps and the like.

Installation

$ npm install canvas-splitter

Usage

splitter(canvas, options)

Break up the canvas element, returning an array of the resulting canvas elements. Options include:

  • width: The width of each cell.
  • height: The height of each cell.
  • rows: The vertical number of cells to include. Optional.
  • cols: The horizontal number of cells to include. Optional.

splitter.segment(canvas, x, y, width, height)

Returns a smaller copy of the canvas.

var splitter = require('splitter')
  , lut = require('lut')

// Create a 1024x32 colour table canvas element.
var big = lut(32, 32, 32)

// Turn that table into 32 little
// colour tables, which are 32x32 each.
var little = splitter(big, {
  width: 32, height: 32, rows: 1, cols: 32
})

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100