Pixelate Images Using JavaScript And Canvas – pixasso-js

pixasso-js is a small, dependency-free JavaScript library used to pixelate a given image with configurable pixel size and zoom using HTML5 Canvas 2D API.

See also:

• Generate Pixelated Images With JavaScript And Canvas – Pixel Display
• Javascript To Pixelate Images Using A Fixed Palette
• Pixelating An Image Using jQuery Pixelate Plugin
• Pixelating Images Using jQuery and Canvas – pixel-flow

How to use it:

Insert the pixasso-js library into your html document.

<script src="pixasso.min.js"></script>

Pixelate an image you provide.

var myImg = document.createElement('img');
pixasso.createPixelArt(img);

Customize the pixel size, zoom level and color picker mode.

• pixsize: pixel size
• zoom: zoom level
• colorPickMode: FirstColor: 0, JointColor: 1

pixasso.createPixelArt(myImg, pixSize, zoom, colorPickMode);

Changelog:

07/29/2018

• JS update