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.
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.
This job will be live only today. I need the deliverable within 8-10 hours from job posting.
Skills: facebook, pinterest