canvas

Playing around with HTML5 canvas. View the live demos here: http://bencentra.com/canvas

Files

• canvas1.html - Drawing a Grid of Squares
• canvas2.html - Drawing (and Erasing) using requestAnimationFrame
• canvas3.html - Dynamically Drawn Pie Chart
• canvas4.html - Click, Drag, and Zoom an Image
• weather - Line and Polar Graphs of Temperature Data for Rochester, NY
• signature - Sign Your Name, Save As Data URL (Mobile Friendly!)

Resources

• HTML5 Canvas (w3schools)
• requestAnimationFrame for Smart Animating
• Multi-Touch Web Development (html5rocks)
• Touch Events (MDN)
• HTML5 Canvas Get Image Data URL
• How to clear the canvas for redrawing