canvas-hms v2.1.2

canvas-hms

A super lightweight library for setting the highlights, midtones and shadows for images drawn on HTML5 Canvas.

Install

npm install canvas-hms

Import

ES6/Babel

import HMS from "canvas-hms";

ES5

const HMS = require("canvas-hms");

Usage

// Do some canvas magic...
context.drawImage(myImage, 0, 0, canvas.width, canvas.height);

const options = {curveWidth: 765 / 3};
const hms = new HMS({canvas: myCanvasElement, options});

// Values inbetween -50 and +50
hms.setHighlights(20);
hms.setMidtones(10);
hms.setShadows(-15);
hms.setTemperature(10);

Before

After