Canvas/SVG/VML Drawing Roundup

Its been a couple months since I released RichDraw. At the time I was looking around at the state of browser-based drawing and diagraming tools. Most were Java or ActiveX based. Now, I am finding lots of pure Javascript API’s and tools.

There also seems to be more of a push to create API’s, making it easier to create cross-browser applications. Each browser seems to support a slightly different technology. Even when they overlap, browser implementations are not always interoperable. Javascript wrappers are a big help.

Here are some Javascript libraries focused on cross-browser drawing:

Here are some neat browser-based drawing applications:

  • Whiteboard – A little colaborative whiteboard experiment. Uses the Dojo.gfx toolkit to do the rendering.
  • Paintr – A weekend project by Anne van Kesteren. Uses <canvas/> suppport to do the rendering.
  • Draw – Has the makings of a full-blown flowcharting tool. Many shape types and support for connectors. Currently IE only, but since it is built on RichDraw, Firefox and Opera could be supported as well.
  • XDrawGavin Doughtie’s early work that may have started the Dojo.gfx toolkit.

Not an exhaustive list, but at least some evidence that drawing in a browser is getting serious.

5 Replies to “Canvas/SVG/VML Drawing Roundup”

  1. Mark,
    we are also going to make Cumulate Draw (based on Richdraw) open source (same license), this will include the backend vml->svg conversion libraries for GIF/JPEG generation also. Cumulate Draw provides additional support for resize,rotation,text, zindexing,shadows, connectors, pluggable shapes,zoom etc. It may come handy if you ever decide to enhance the rich draw library

  2. The RichDraw library is great and how the Cumulate Draw people have extended it is very nice. Merging these two efforts is the start of an excelent library. Keep us posted on your developments and if you’re going to promote it up to a (sourceforge esque) project.

    Having a cross-browser graphics library like this has a lot of potential.

    Brilliant work!


Comments are closed.