Split an <img> into equally-sized parts

npm install img-split

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)
  }
})

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

MIT © Brandon Semilla