The plugins site is currently in development.
We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.
Draw! jQuery drawing plugin.
This plugin was created after noticing Walter Zorn's javascript for drawing shapes on screen with div's.
I've also looked into the drawlibrary plugin, but it has a little too much overhead. Drawlibrary does use the same algorithms as Walter Zorns work as well, but relies on svg files when using Microsoft I.E. This plugin does not.
Here is some example code:
$("#myCanvas").drawRect(10, 10, 20, 20, {color:'blue', alpha: .5});
$("#myCanvas").drawPolygon([100, 100, 90, 30], [20, 30, 40, 60], {color:'#00FF00', alpha: .9});
$("#myCanvas").drawEllipse(100, 200, 40, 40, {color:'orange', stroke: 10});
$("#myCanvas").fillArc(50, 200, 40, 40, 90.0, 180.0, {color:'#336699', alpha: .2});
$("#myCanvas").fillPolygon([150, 300, 90, 30], [20, 30, 40, 60], {color:'yellow', alpha: 1});My canvas is an empty div tag with id="myCanvas"
