MCO Image Codec Demo

Draw a small indexed image, encode it to the im: message format, then decode and render it back.

Canvas

Width Height

Format version Palette profile

Transparent color none

Show grid

Encoded text

Decoded preview

Binary hex view

Usage

<script src="./mcoimg-codec.global.js"></script>
<script>
const {
  MCOImageCodec,
  PaletteProfile,
  drawMCOImage,
} = window.MCOImg;

const codec = new MCOImageCodec();

const encoded = codec.encode({
  width: 11,
  height: 11,
  paletteProfile: PaletteProfile.master8,
  pixels: new Array(11 * 11).fill(0), // palette indexes, not ARGB colors
});

console.log(encoded.text); // im:...

const decoded = codec.decode(encoded.text);
drawMCOImage(document.querySelector('canvas'), decoded, { scale: 12 });
</script>