xbr-js v2.0.1

xBRjs

JS implementation of the xBR image scaling algorytm by Hyllian.

Installation

# npm
npm install xbr-js --save

# yarn
yarn add xbr-js

Usage

import {xbr2x, xbr3x, xbr4x} from 'xbr-js';

...

const
  scaledWidth = sourceWidth * 2,
  scaledHeight = sourceHeight * 2,
  originalImageData = context.getImageData(
    0,
    0,
    sourceWidth,
    sourceHeight);

const originalPixelView = new Uint32Array(originalImageData.data.buffer);

const scaledPixelView = xbr2x(originalPixelView, sourceWidth, sourceHeight);

const scaledImageData = new ImageData(new Uint8ClampedArray(scaledPixelView.buffer), scaledWidth, scaledHeight);
canvas.width = scaledWidth;
canvas.height = scaledHeight;

context.putImageData(scaledImageData, 0, 0);

API

xbr2x(array, width, height, options) ⇒ Uint32Array

Returns a typed array with the pixels that form the scaled image.

Demo

Check it out here.