Filtrr2 not executing on realtime

[wajipk]

I am trying to change the image source dynamically from db. But the function is not allowing me to change the image.
id = imagename;
$('.tempimage').attr("id","#"+id);
$('.tempimage').attr('src',image);
var my = Filtrr2($("#"+id), function () {
var dup = this.dup();
dup.fill(r,g,b);
this.contrast(100).saturate(-100).layer("overlay", dup).render();
var canvas = document.getElementById('filtrr2-image1');
var ctx = canvas.getContext('2d');
drawEngine.setImgBackplate(canvas.toDataURL());
});