我正在考虑开发一个类似于stackoverflow的网站,但答案可能还包括图纸(在这种情况下,是原理图)。我想在答案表单中有一个区域,在那里他们可以使这个原理图,而不需要特殊的插件,等等。
-Adam Davis
发布于 2008-08-28 22:00:41
不幸的是,我没有答案,但我确实有三个可以参考的项目。
第一个是Sun Labs的Dan Ingalls (是的,Dan Ingalls)的Lively Kernel。它是在SVG之上用JavaScript实现的一个Smalltalk虚拟世界。更准确地说,它是使用SVG和JavaScript中的Squeak Smalltalk的(部分)端口在JavaScript中实现Squeak Smalltalk中的Morphic框架。
或者,如果您不是Smalltalker,上面的内容对您没有任何意义:它是一个用JavaScript编写的操作系统,以JavaScript解释器为中央处理器,SVG为图形卡,浏览器为计算机。
当涉及到JavaScript和SVG时,这是最极端的。而且它只能在Safari3和Firefox3中完全运行,尽管也有一个到Internet Explorer的试验性端口。
第二个项目是John Resig将处理可视化语言移植到JavaScript的Processing.js。正是由于您提到的问题,它使用<canvas>
元素而不是SVG。然而,这个版本只适用于Firefox3。
第三个是无用的泡菜的Real-Time 3D in JavaScript。它只使用JavaScript,DOM和CSS,没有SVG或<canvas>
或Flash或其他任何东西。而且它可以移植到几乎任何浏览器上,包括Internet Explorer7和更高版本。做2D应该比这更容易。
在这三个项目之间,你应该能够找到一些灵感,还可以找到一些人,他们试图用JavaScript和SVG或JavaScript和图形来挑战极限,并能告诉你什么有效,什么无效。
结论:做跨浏览器的SVG或跨浏览器的<canvas>
几乎是不可能的,但是稍微有点疯狂,没有SVG或<canvas>
的跨浏览器的图形是可能的。
发布于 2008-09-15 14:13:51
Raphael看起来像是解决跨浏览器矢量图形问题的一个有趣的方法。
发布于 2011-05-18 01:05:01
SVGWeb是一个脚本,它使用flash向IE添加了近乎原生的功能。所有其他主要浏览器都支持SVG。
https://stackoverflow.com/questions/33347
复制相似问题