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
: TheHTMLImageElement
to be splitwidth
: The desired width of each resulting<canvas>
elementheight
: The desired height of each resulting<canvas>
element