doesn't work when image replaced

[serge22]

Hello,
I am building client-side image editor with Pixastic as backend. Pixastic transforms IMG element to CANVAS for image manipulations. I cannot use Jrac "resize" functionality once IMG element has been replaced. Is there any way I can update (refresh) element inside Jrac object?

[trepmag]

Pixastic use the html5 canvas object and it is what is returned by its process() method, eg:

canvas = Pixastic.process(img, "desaturate");

Then, you can use the toData() method of the canvas object to return the corresponding data URL value and use it as a source image tag. Which could give somehting like the following for jrac:

$viewport.find('img').attr('src', canvas.toData()); 
// where $viewport is a div that can be selected with the 'jrac_viewport' class.