Doodling with jQuery and Raphaël

Photo by streetpreacher83

I discovered a new JavaScript library that makes creating vector graphics across multiple browsers much simpler.  It’s called Raphaël and it looks really promising.  So far I’ve tried to implement it in a secret side-project of mine and I’m impressed with the results.

To test it out I made a simple “doodle” program based on one I wrote a couple months ago that uses jQuery .  You can see it in all of it’s clunkily coded glory and even help me with some strange behavior I ran into using IE7. Reply to me on Twitter if you have any clues.

Here’s a video of the correct behavior.

Here’s a video of what it’s doing in IE7.

Update: Benjamin Thomas took a look at my code and figured out the solution.  The quick fix – add a “return false” at the end of the onMouseMove event.  He explains it better on his site.