处理与纯 Javascript 的 HTML5 画布答案

【问题标题】：HTML5 canvas with Processing vs. Pure Javascript处理与纯 Javascript 的 HTML5 画布
【发布时间】：2009-08-20 20:44:30
【问题描述】：

我有一些数据可视化动画我想在我拥有的 web 应用程序中做，并且正在考虑我拥有的不同替代方案。它基本上只是以一种漂亮的方式在文本字符串中移动。

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

这样做的替代方法是在 Processing 中对整个内容进行编码，并使用 Processing.js 将其呈现到 HTML5 画布上。

哪些事情在浏览器上最容易（我不希望网站在客户端很重）？还有其他更好的方法吗？

【问题讨论】：

【解决方案1】：

或者使用客户端 SVG。它在显示和操作 100 个文本字符串时应该没有问题，并且在与 Canvas 几乎相同的浏览器中受支持（IE 支持 VML，它提供了类似的功能）。

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

【讨论】：

【解决方案2】：

目前我不会采用对 canvas 元素的支持，因为只有大多数浏览器的最新版本才支持它。我会等到支持很普遍，这可能需要一点时间。请记住，HTML5 还不是标准，并且仍有可能发生变化。

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

【讨论】：

【解决方案3】：

顺便说一下，处理只是 Java，所以你应该可以用它来编写它并在小程序中显示它。

【讨论】：

【解决方案4】：

为什么不用actionscript 3，此时flash player的渗透比对html 5的支持更广。

【讨论】：