Save and share HTML5 canvas as an image

In Progress

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.

Skills: AJAX, HTML5, Javascript, PHP

See more: save html5 canvas data image, resize canvas image kineticjs, html5 save canvas background image, html5 dataurl, html5 canvas save image server, canvas javascript share image, share canvas facebook, canvas save image, html save image, share html5 canvas image facebook, kineticjs save image server, kineticjs save image dataurl, kineticjs save stage, save canvas image background html5 kineticjs, kineticjs save image, canvas image, html5 canvas save image, save html image, save canvas image, share save, canvas image save, save drag drop images canvas html5, share facebook html5 canvas image, kineticjs save canvas, uses of binary

About the Employer:
( 1 review ) Naremburn, Australia

Project ID: #4023642

Awarded to:


I can complete your work today.

$100 AUD in 0 days
(3 Reviews)