Usage no npm install needed!

<script type="module">
  import pixelatedCanvas from 'https://cdn.skypack.dev/pixelated-canvas';
</script>

README

Pixelated Canvas

A canvas that lets you draw in a pixelated, 8-bit style.

Example

import Canvas from 'pixelated-canvas';
const canvas = new Canvas();
canvas.render(document.body);

The following props are supported:

const canvas = new Canvas({
  width: 500,
  height: 500,
  xPixels: 20,
  yPixels: 10,
});

pixelSize can also be set after instantiation with:

canvas.setPixelSize(20, 20);

The following callbacks are supported:

canvas.onMouseDown((e) => {
});

canvas.onMouseUp((e) => {
});

canvas.onMouseMove((e) => {
});