Log

View Options

HTML5 Canvas Drawing

5/20/11
random drawing showing textures and colors of the canvas drawing application

It's an Indian, it's a wolf? It was made with my latest Javascript class. I have been doing more experiments with the HTML5 canvas object. This time I have made a pretty fun drawing class. It's very basic and only offers the ability to change color, size, and brush. However a start it is!

There is still much tweeking needed to make drawing smooth. Look for updates like an actual outline as to your brush area and better brush spread. Right now drawing is based off of the mouseMove javascript event. I plan on changing this to a rapid setInterval event that should allow for a nicer flow of the brush head.

This does not work in IE and you may experiance problems in Safari, so you might want to try it in

Firefox, Chrome, or Opera.