In jcanvas how to manipulate drawImage layer to apply instagram like filters on the image

Question

I have drawn a image on canvas using jcanvas drawImage method and this image is a layer

//Js part

$('canvas').drawImage({
      source: 'js/BN44094.jpg',
      layer: true,
      x: 0, y: 0,
      width: 800,
      height: 400,
      name: 'backImage',
      fromCenter: false
    });

//Html Part

<canvas id="canvas" width=800 height=400></canvas>

I want to apply instagram like image filters on this image, can some one guide me with this??

Answer 1

Have a look to this pretty clear explanation and then, depending on your needs, you can do simple stuff like a green filter and pixel manipulation for advanced convolutions