Hirvesh Munogee

• Bio
• Website
• @functionn_blog

The HTML5 Microzone is presented by DZone and Microsoft to bring you the most interesting and relevant content on emerging web standards.  Experience all that the HTML5 Microzone has to offer on our homepage and check out the cutting edge web development tutorials on Script Junkie, Build My Pinned Site, and the HTML5 DevCenter.

Websanova Paint is a HTML5 canvas based jQuery plugin. It allows you to free paint on a canvas area with various shapes and colors including an eraser. It also features the fantastic Websanova Color Picker allowing you to set both border and fill colors. The canvas area can be set to any size you like and perhaps it’s greatest feature is the ability to save your drawing as an image and then load it back in later. In fact you can load any image in as your drawing as long as it is a base64 encoded PNG image.

Features

• Menu – Can be moved anywhere on the screen.
• Shapes – Ellipse, Rectangle, Line, Pencil and Eraser.
• Colors – Select colors for both border and fill, featuring the Websanova Color Picker.
• Width – Set the line or border width of the pencil and shapes.
• Save/Load – You can save your creations and load in any image.

Requirements: jQuery
Demo: http:/ / www. websanova. com/ plugins/ paint/ html5#websanova
License: MIT License or GPL

Tags:

• HTML & XHTML

HTML5 is the most dramatic step in the evolution of web standards. It incorporates features such as geolocation, video playback and drag-and-drop. HTML5 allows developers to create rich internet applications without the need for third party APIs and browser plug-ins.  Under the banner of HTML5, modern web standards such as CSS3, SVG, XHR2, WebSockets, IndexedDB, and AppCache are pushing the boundaries for what a browser can achieve using web standards.  This Microzone is supported by Microsoft, and it will delve into the intricacies of using these new web technologies and teach you how to make your websites compatible with all of the modern browsers.