小编典典

脚本SVG

ajax

我正在考虑开发一个类似于stackoverflow的网站,但是答案也可能包括图纸(在这种情况下为示意图)。我希望在答案表中有一个区域,他们可以在不使用特殊插件等的情况下制作此原理图。

  1. 我们是否已经到了SVG即将或即将达到临界规模(1-2年)的程度,以至于设计一个将脚本运行的SVG作为主要功能的网站是合理的(即,需要Firefox或其他兼容SVG / AJAX的浏览器)?
  2. 有什么好的学习跨平台SVG脚本的资源(可能在JavaScript中)?

-亚当·戴维斯(Adam Davis)


阅读 202

收藏
2020-07-26

共1个答案

小编典典

不幸的是,我没有答案,但是我确实有三个指向您可以查看的项目的指针。

首先是活泼内核丹英格尔斯(是的,
Sun公司实验室丹英格尔斯)。它是基于SVG的JavaScript中的Smalltalk虚拟世界的实现。更准确地说,它是JavaScript中Squeak
Smalltalk的Morphic GUI框架的实现,该框架使用SVG和JavaScript中Squeak Smalltalk的(部分)端口。

或者,如果您不是Smalltalker,并且上面的内容对您没有意义:它是一个操作系统,用JavaScript编写,JavaScript解释器作为CPU,SVG作为图形卡,浏览器作为计算机。

当涉及到JavaScript和SVG时,这几乎是极端的。尽管也有Internet Explorer的试验性端口,但它仅在Safari 3中 完全
可用,部分在Firefox 3中 完全 可用。

第二个项目是John Resig
将Processing可视化语言的Processing.js端口移植到JavaScript。<canvas>正是由于您提到的问题,它使用元素而不是SVG。但是,此版本仅在Firefox
3中有效。

第三个是Useless
Pickles的JavaScript中Real-Time
3D
。它
使用JavaScript,DOM和CSS, 不使用 SVG <canvas>,Flash或其他任何内容。 而且
它可移植到几乎所有浏览器,包括Internet Explorer 7及更高版本。做二维应该比这更容易。

在这三个项目之间,您应该能够找到一些灵感,还可以找到一些尝试使用JavaScript和SVG或JavaScript和Graphics突破极限的人,并且可以告诉您哪些有效,哪些无效。

结论:跨浏览器SVG或跨浏览器<canvas>几乎是不可能的,但是由于有点疯狂, 没有 SVG的跨浏览器图形还是<canvas>有可能的。

2020-07-26