Pixelates an image by a given amount using canvas.

pixelate.js

const pixelate = (image, amount = 0.1) => {
  const canvas = document.createElement('canvas');
  const context = canvas.getContext('2d');
  
  canvas.width = image.width;
  canvas.height = image.height;
  canvas.style.imageRendering = 'pixelated';
  context.imageSmoothingEnabled = false;
  
  const scaledWidth = canvas.width * amount;
  const scaledHeight = canvas.height * amount;
  
  context.drawImage(image, 0, 0, scaledWidth, scaledHeight);
  context.drawImage(canvas, 0, 0, scaledWidth, scaledHeight, 0, 0, canvas.width, canvas.height);
  
  return canvas;
};