glitch-canvas/src/util/node-canvas.js

JavaScript library for applying a glitch effect to a canvas element

const { createCanvas, Image } = require('canvas');

class Canvas {
	constructor(width = 300, height = 150) {
		this.canvasEl = createCanvas(width, height);
		this.canvasEl.width = width;
		this.canvasEl.height = height;
		this.ctx = this.canvasEl.getContext('2d');
	}

	getContext() {
		return this.ctx;
	}

	toDataURL(type, encoderOptions, cb) {
		if (typeof cb === 'function') {
			cb(this.canvasEl.toDataURL(type, encoderOptions));
		} else {
			return this.canvasEl.toDataURL(type, encoderOptions);
		}
	}

	toBuffer(params) {
		return this.canvasEl.toBuffer(params);
	}

	pngStream(params) {
		return this.canvasEl.createPNGStream(params);
	}

	jpgStream(params) {
		return this.canvasEl.createJPEGStream(params);
	}

	jpegStream(params) {
		return this.canvasEl.createJPEGStream(params);
	}

	get width() {
		return this.canvasEl.width;
	}

	set width(newWidth) {
		this.canvasEl.width = newWidth;
	}

	get height() {
		return this.canvasEl.height;
	}

	set height(newHeight) {
		this.canvasEl.height = newHeight;
	}
}

Canvas.Image = Image;

export default Canvas;