What is CamanJS?

CamanJS is (ca)nvas (man)ipulation in Javascript. It's a combination of a simple-to-use interface with advanced and efficient image/canvas editing techniques.

CamanJS is very easy to extend with new filters and plugins, and it comes with a wide array of image editing functionality, which continues to grow. It's completely library independent and works both in NodeJS and the browser.

Usage

Javascript

Caman ( '#my-image' , function () { this . brightness ( 10 ); this . contrast ( 30 ); this . sepia ( 60 ); this . saturation ( - 30 ); this . render (); });

HTML data attribute

<img data-caman= "brightness(10) contrast(30) sepia(60) saturation(-30)" data-caman-hidpi= "/path/to/image@2x.jpg" src= "path/to/image.jpg" >

Before After

Download

Install

CamanJS is available on some popular package management systems. Run these commands in your Terminal.

Contribute

Both CamanJS and this website are fully open-source and accepting pull requests. To contribute: fork either project, create a new branch for your changes, and send a pull request when ready.