0.1.0 • Published 7 years ago

img-split v0.1.0

Weekly downloads
4
License
MIT
Repository
github
Last release
7 years ago

img-split

Split an <img> into equally-sized parts

Super Mario Bros. overworld tileset split into 16x16 fragments

install

npm install img-split

usage

const split = require('img-split')
const load = require('img-load')

load('./tiles.png', (error, image) => {
  if (error) throw error
  var tiles = split(image, 16, 16)
  for (var tile of tiles) {
    document.body.appendChild(tile)
  }
})

images = split(image, width, height)

Splits image into individual <canvas> elements of the dimensions described by width and height.

  • image: The HTMLImageElement to be split
  • width: The desired width of each resulting <canvas> element
  • height: The desired height of each resulting <canvas> element

license

MIT © Brandon Semilla