img-tile

tile an <img> from a given width and height

Usage no npm install needed!

<script type="module">
  import imgTile from 'https://cdn.skypack.dev/img-tile';
</script>

README

img-tile

tile an <img> from a given width and height

mario tileset split into 16x16 fragments

const tile = require("img-tile")
const load = require("img-load")

load("./tiles.png", (err, image) => {
  if (err) throw err
  let tiles = tile(image, 16, 16)
  for (let tile of tiles) {
    document.body.appendChild(tile)
  }
})

usage

npm badge

tile(image, width, height) -> images

Splits the given 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