Save and share HTML5 canvas as an image

Completed Posted Dec 8, 2012 Paid on delivery
Completed Paid on delivery

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: [url removed, login to view]

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 ([url removed, login to view] )

mixed with the drag and drop save image feature ([url removed, login to view]).

A more complex example of what I would like to achieve is at Facetache ([url removed, login to view]). 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: [url removed, login to view] (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.

AJAX HTML5 JavaScript PHP

Project ID: #4023642

About the project

1 proposal Remote project Active Dec 9, 2012

Awarded to:

parth1403

I can complete your work today.

$100 AUD in 0 days
(3 Reviews)
3.2