用于设计报表布局的 jQuery 插件答案

【问题标题】：jQuery plugin for designing report layouts用于设计报表布局的 jQuery 插件
【发布时间】：2010-12-23 03:59:14
【问题描述】：

我正在寻找某种可用于创建报表布局、名片布局等的 jquery 插件（甚至是普通的 javascript）。经过大量的谷歌搜索后没有找到任何东西。

基本上，我正在设想一个显示背景网格的画布（可能是 html5 画布？）。至少，可以将文本和图像添加到画布中。最好是可以拖放它们。

我会很高兴与任何远程这样的任何功能的任何东西。我希望必须自己写。但如果已经有东西了，我想先看看。

只是为了帮助澄清我在寻找什么，想象一下 jquery 代码，它可以让您在网络浏览器中布局名片，而无需使用 Flash。这将包括添加文本、更改字体、添加图像、添加线条、更改背景颜色、应用渐变等。

我希望有人知道会有所帮助的东西！

【问题讨论】：

【解决方案1】：

我不确定是否有现成的插件可以满足您的要求，但是使用 Raphaël—JavaScript Library 您可以完成上述所有操作，

【讨论】：

哇！拉斐尔可以做一些很酷的事情，我印象深刻。使用 SVG 而不是 HTML5 Canvas 太糟糕了，因为似乎趋势是转向画布。但也许这并不是一件坏事。我肯定会考虑这个选项。
在所有的建议中，我对 Raphael 印象最深，所以我选择了这个作为答案。虽然我可能不会将 Raphael 用于我的报表生成器，而只会使用 jquery-ui 拖放、调整大小等。但是，我肯定会考虑使用 Raphael 来增强它以后或满足其他要求。
Raphael 是一个了不起的图书馆。谢谢！
链接已损坏

【解决方案2】：

280 Slides 使用Cappuccino framework 做了一些类似的事情。但是，不确定从基本框架到您想要的框架还有多少工作要做。

【讨论】：

谢谢！卡布奇诺看起来非常有趣和强大，平面图设计师正好符合我的需要。我很高兴你指出了这一点，因为我没有意识到这一点。但是我已经非常投入到我的项目中并且大量使用 jquery。从头开始使用 jquery-ui 可拖动组件可能比学习新的语言和框架更容易。

【解决方案3】：

用于 jquery (http://layout.jquery-dev.net) 的 'layout' 插件可让您创建布局，并将其与 jquery 的可放置功能（如他们的 demo indicates）相结合可能会让您接近您想要的，但它使用 HTML，不是画布。

顺便说一句，我不知道有任何使用 canvas 的 jquery 插件，特别是因为 jquery 主要关注 html，而 canvas 几乎完全是 javascript 驱动的（据我了解）。

【讨论】：

谢谢。我之前玩过 Layout 演示，并计划将此组件用于其他目的。我想 Layout 可以将报告分割成 9 个区域，然后将内容堆叠到其中。但是当我说“网格”时，我想到的不仅仅是一个 3x3 网格，而更像是一个非常简单的 Illustrator 版本。无论如何，我很感激这个建议。
是的，pixastic 很有趣。我会仔细看看。谢谢。