So I'm trying to make an HTML5/canvas drawing/animation plugin for jQuery. Functionally, it's coming along nicely, but actually using the plugin makes your code kinda... sloppy. Check out the plugin source here, but the example I have really shows the flaws.

• The demo

• The js source

I am replicating the functionality (API) of Processing and it's coming along pretty well. As you can see, though, all of the Processing functions I'm writing require you to also put $('#canvas') in front of each line. Is there a way I can set the default element once, and call each function with something simpler, like $.background('#FFFFFF'); ?

Also, any suggestions or feedback for the plugin itself would totally rock.

EDIT: Yes, I have heard of Processing.js. The reason I'm doing it like this is because regular javascript code doesn't work inside of <script type="application/processing"> tags.