Canvas Graphics: Hanov Webdraw
Posted Yesterday, 05:43 PM
Hanov Webdraw uses the canvas element to create a imprecise line drawing vector graphics application. Imprecise drawing gives the appearance of ‘hand drawn’ and can be especially useful to get across the point that whatever you are drawing is not the final version.
Looks better than the actual site…
Hanov Webdraw has the following features:
- Box, circle, lines, and curve primitive shapes
- Shadows when supported by browser
- Text in several hand-drawn fonts rendered on the server
- Rotate scale shapes individually or in groups
- Save drawing to a browser bookmark
- Select colours using an HSV colour wheel.
- Unlimited levels of Undo/Redo
To draw a box or a circle, select the relevant icon from the toolbar and then click on the object created and drag and resize to the position you require. To draw a line, select the line icon from the toolbar and click to each point you wish to draw to, with a double click to finish.
Once you have placed your objects, selecting them opens a variety of options such as colour and thickness. Lines can be rendered in a variety of styles from the exact Draftsman to the neat artist to ‘drunk’, while curves can go from sharp to smooth.
Article source: http://html5community.com/topic/4040-canvas-graphics-hanov-webdraw/