2009-08-20 26 views
4

我有一些数据可视化动画我想在一个webapp中做我有和正在考虑我有不同的替代方案。它基本上就是以一种漂亮的方式围绕文本字符串移动。加工与纯Javascript的HTML5画布

我使用Mootools框架和Mootools FX库基本上有我想要的东西,但我想操纵大约100个文本字符串,这意味着每个字符串需要一个单独的FX对象(我认为)。

执行此操作的替代方法是在Processing中对整个事件进行编码并使用Processing.js将其呈现到HTML5画布。

这些事情哪个最容易浏览器上(我不希望网站是客户端沉重)? 有没有其他方法可能会更好?

+1

根据我的经验,Processing.js在浏览器上是最简单的。很好的问题,顺便说一句。 – Mahesh 2009-09-20 15:19:52

回答

1

还是使用客户端的SVG更广泛的渗透。它不应该显示和处理100个文本字符串,并且在Canvas所支持的浏览器中也是如此(IE支持VML,它提供了类似的功能)。

@austin,Apache Batik是服务器端的SVG渲染器。

+1

我已经找到了一个伟大的JS库来渲染客户端的SVG,所以我最终会使用它:) 链接:http://raphaeljs.com/ – Fredrik 2009-09-22 18:43:35

0

由于只有大多数浏览器的最新版本支持,我不会采用这种方式来支持canvas元素。我会等到支持很平常,这可能需要一点时间。请记住,HTML5并不是一个标准,并且仍然可能会发生变化。

您可能想研究SVG并查看是否存在服务器端SVG解析器,其输出可以转换为PNG。

+1

大多数浏览器(不包括IE)的旧版本支持画布。 – 2009-08-21 01:58:46

+0

有问题的页面位于应用程序的管理端,因此我可以保证所有管理员都能运行最新的Safari或FF版本。 – Fredrik 2009-08-21 07:51:14

0

顺便说一下,处理只是Java,因此您应该可以将其写入并显示在applet中。

+1

他正在谈论Processing.js,它是用JavaScript重写的Processing(如果他真的想用插件,我认为Flash可能是更好的选择)。 – 2009-09-02 20:03:26

+1

bonnk @Noon与http://processingjs.org - 刚刚达到上周v1.00! – ina 2010-11-21 21:52:39

0

为什么不ActionScript 3的,在这一点上有Flash播放器支持比对HTML 5

+1

这是真的,但Flash似乎很容易崩溃,并且总是(可能是因为我编写了错误的动作脚本)消耗了大量内存和CPU。该页面将连续显示数小时。 – Fredrik 2009-08-21 07:53:37

+0

是你代码坏动作;) – 2012-04-25 18:01:47