Search code examples
javascripthtmlcamanjs

Using Preset Filters From CamanJS API

I am using CamanJS plugin to apply effects to images, I want to know how do I apply preset effects like lomo, sin city, cross process, etc found here. The documentation of CamanJS does not elaborate on this properly.

I tried the below code to apply vignette effect , but was not successful.

Caman("#effects", function () {

        this.resize({width: 650,height: 400
         });
         this.vignette();
        this.render();

            });
Solution

  • The vignette filter requires a size in order to work. It can either be an absolute number or a percentage.

    this.vignette(400);
this.vignette("10%");

    It also takes an optional strength parameter whose range is 0-100.

    this.vignette("10%", 40);

    You're right though, all of the filters should be documented better.