HTML5画布与Processing相比纯JavaScript的区别

Question

4

我有一些数据可视化动画想在我的Web应用程序中实现，并考虑了几种不同的选择。基本上只是以漂亮的方式移动文本字符串。

我正在使用Mootools框架和Mootools FX库，它基本上有我想要的东西，但我想操作大约100个文本字符串，这意味着每个字符串都需要一个单独的FX对象（我认为）。

另一种方法是在Processing中编写整个内容，并使用Processing.js将其渲染到HTML5画布中。

这两个方案对浏览器的负担哪个更小（我不希望网站过于依赖客户端）？还有其他更好的方法吗？

- Fredrik

1

Processing.js 根据我的经验在浏览器上使用最为简便。顺便说一句，好问题。 - Mahesh

4个回答

0

目前我不会采用支持画布元素的方式，因为大多数浏览器只支持最新版本。我会等到支持变得普遍，这可能需要一些时间。请记住，HTML5尚未成为标准，仍然可能发生变化。

您可能希望研究SVG，并查看是否有服务器端SVG解析器，可以将输出转换为PNG。

- austin cheney

1

大多数浏览器的旧版本（不包括IE）支持画布。 - Eli Grey

有关页面将位于应用程序的管理端，因此我可以以这种方式保证所有管理员都将运行最新版本的Safari和FF构建。 - Fredrik

0

顺便说一下，Processing其实就是Java，所以你应该可以直接用Java编写它，并在applet中显示。

- Noon Silk

1

他在谈论Processing.js，这是用JavaScript重写的Processing（如果他真的想使用插件，我会认为Flash可能是更好的选择）。 - Kim Sullivan

0

为什么不使用ActionScript 3呢？目前Flash Player的普及度比HTML 5更广泛支持。

- WillyCornbread

1

这是事实，但Flash似乎很容易崩溃，并且一直（也许是因为我编写了糟糕的ActionScript）消耗大量内存和CPU。该页面将连续显示数小时。 - Fredrik

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Laurens Holst · Accepted Answer

或者使用客户端SVG。它应该没有问题显示和操作100个文本字符串，并且在许多浏览器中得到支持，就像Canvas一样（IE支持VML，提供相似的功能）。

@austin，Apache Batik是一个服务器端SVG渲染器。