Export to PNG or JPG about jquery.eraser HOT 4 CLOSED

It shouldn't be a problem since the toDataURL() method of the canvas allows to get the encoded png or jpeg data.

This functionality is not yet present in the plugin, though. I'm wondering if it might not be out of its scope.
Maybe a method exposing the canvas or context used by the eraser would allow you to easily implement what you need.
What you think ?

from jquery.eraser.

Yes yes, toDataUrl() is good solution. Thank you very much.

I need to merge the top layer after erase, with the background. But I solved it quickly by your tip.

from jquery.eraser.

great !
is there any modification to do to the plugin to ease the process or is it good as it is ?

from jquery.eraser.

A good idea is to add two methods:

First select the top layer as PNG

function getpng(event){
var canvas = document.getElementById("kabelka"); // best $("#kabelka").get(0).toDataUrl();
var dataUrl = canvas.toDataURL();
$("textarea[name=image]").val(dataUrl);
$("form").submit();
event.preventDefault();
}

Second merges with the FG and BG chooses them as common picture (here is needed to canvas BG) - this is only idea

My simple test: http://test.matj.sk/eraser/

I creating Facebook app for handbag seller. I need dynamically change handbag from the left menu and user can erase area on hand. User also can with drag&drop change position of handbag. Result is shared to Facebook or Email as image.

Sorry for my bad english :)

from jquery.eraser.