Photo Annotation with HTML5, Sketch.js and Kinetic.js
This video looks at how you can use HTML5, sketch.js and kinetic.js to capture an image from a mobile devices camera or picture library. Which then allows you to annotate or draw on top of the image and save the image to a new DOM element.
Kinetic.js is available at
http://www.kineticjs.com/
Jquery is available at
https://jquery.com/
Sketch.js is available at
http://intridea.github.io/sketch.js/
HTML5 Api snippets were found at
http://www.javascripture.com/FileReader
This web app was built on mydigitalstructure, don't know what that is, check it out http://www.mydigitalstructure.com
The code used in this episode is available from http://photoannotate.1blankspace.com/
There you will be able to see the HTML, and Javascript created, a direct link to the javascript is http://photoannotate.1blankspace.com/...
http://www.1upit.com/
Background music in this episode is provided by the great remix artists over at www.ocremix.org and here are direct links to the music used.
http://ocremix.org/remix/OCR01247 - ReMix: Chrono Trigger 'Far Away Memories' - Neil Benjamin
http://ocremix.org/remix/OCR00494 - ReMix: Donkey Kong Country 2: Diddy's Kong Quest 'Brambles in the Breeze' - Protricity
http://ocremix.org/remix/OCR01460 - ReMix: Mega Man 3 'crystal potion' - posu yan
http://ocremix.org/remix/OCR01231 - ReMix: The Legend of Zelda: A Link to the Past 'Ganon's Temple' - Erik Kristofferson, Neskvartetten