Save and share canvas as an image

Closed - This job posting has been filled and work has been completed.

Job Description

I have a small HTML5 page with drag and drop function I would like to enhance the user experience for the end result.

Work in progress here: http://www.shugar.com.au/obar/Default4.html

Using the KineticJS doc, the drag and drop and canvas to dataURI has been done.
Reference: KineticJS

Work to date references the Animals at the Beach example (http://www.html5canvastutorials.com/labs/html5-canvas-animals-on-the-beach-game-with-kineticjs/ )
mixed with the drag and drop save image feature (http://www.html5canvastutorials.com/kineticjs/html5-canvas-stage-data-url-with-kineticjs/).

A more complex example of what I would like to achieve is at Facetache (http://www.facetache.com). I do not need the ability to choose the background photo or to resize the images that have been dropped to the canvas though.
This has been built using the KineticJS library, then, to get the end result on the new page, the code posts the dataURL to server side, converts it to binary and returns it back (or posts it to Facebook) >> this is the function I require.

Another more basic sample of the click action creating the static image is here - it uses the canvas2image javascript: http://hongru.github.com/proj/canvas2image/index.html (the posting to facebook or pinterest would need to be added to this example though)

This job will be live only today. I need the deliverable within 8-10 hours from job posting.

---
Skills: facebook, pinterest