Raphael看起来像是对跨浏览器矢量图形问题的一个有趣的尝试。

不幸的是，我没有一个答案，但我有三个项目的指针，你可以看看。
第一个是Sun实验室的Dan Ingalls（是的，the Dan Ingalls）的Lively Kernel。它是在SVG之上的JavaScript中的Smalltalk虚拟世界的实现。更准确地说，它是使用SVG和JavaScript中的Squeak Smalltalk（部分）的端口的JavaScript中的Squeak Smalltalk的Morphic GUI框架的实现。
或者，如果你不是一个Smalltalker，上面的内容对你来说没有意义：它是一个操作系统，用JavaScript编写，JavaScript解释器作为CPU，SVG作为图形卡，浏览器作为计算机。
当涉及到JavaScript和SVG时，这是最极端的情况。而且它只在Safari 3中完全可用，在Firefox 3中部分可用，尽管也有一个到Internet Explorer的实验性端口。
第二个项目是John Resig将Processing可视化语言Processing.js移植到JavaScript。正是因为你提到的问题，它使用<canvas>元素而不是SVG。然而，这个项目只适用于Firefox 3。
第三个是Useless Pickles的Real-Time 3D in JavaScript。它只使用 * JavaScript，DOM和CSS，* 没有 * SVG或<canvas>或Flash或其他任何东西。* 而且 * 它几乎可以移植到任何浏览器，包括Internet Explorer 7和更高版本。做2D应该比这更容易。
在这三个项目之间，你应该能够找到一些灵感，也可以找到一些人，他们试图用JavaScript和SVG或JavaScript和图形来突破极限，并可以告诉你什么可行，什么不可行。
结论：做跨浏览器的SVG或跨浏览器的<canvas>几乎是不可能的，但有点疯狂，跨浏览器的图形 * 没有 * SVG或<canvas>是可能的。

SVGWeb是一个使用flash为IE添加近乎原生的SVG功能的脚本。所有其他主要浏览器都支持SVG。
http://code.google.com/p/svgweb/

1/可能从来没有-如果IE想添加它，那么我会认为它现在已经这样做了;但是也有一些变通的方法使用SilverLight和Gecko来提供渲染。另一方面，也有一些跨浏览器的图形API可用。我已经使用XULRunner和SVG做了一些大型的前端，但是在web上没有任何东西必须迎合IE。
2/我最常提到的两个是SVG pages on mozilla.org和这个SVG DOM reference。
http://www.bpel4chor.org/editor/上有一个现有的编辑器;另外，如果你想要的是所有弧都在网格上的示意图，你可以使用div和图像而不使用SVG来做得很好。

正如@jwmittag提到的，<canvas>是一个选项。
它适用于Saffari和Firefox 3，Opera 9和people are developing support for IE。
您可以轻松捕获与当前工具和属性相关的鼠标单击。在每个页面显示时重绘画布。
我刚刚使用<canvas>完成了一个项目，它是一个简单而功能强大的API，特别是如果你曾经做过任何OpenGL或Cairo工作。
祝你好运，听起来像一个很酷的项目。