Export to PNG or JPG

[matj]

Hello,

beautiful tool. Is there any way to export the result to PNG or JPG?

[boblemarin]

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 ?

[matj]

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.

[boblemarin]

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

[matj]

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 :)