javascript - 用javascript绘制流程图并返回绘图变量而不是图片

Question

我想创建一个页面供客户端用户绘制流程图，最重要的是可以返回绘图的值，例如在他绘制的框中输入，而不是最终结果为图片。

谁能给一些建议使用什么以及从哪里开始？谢谢你。:D

Answer 1

正如其他人所提到的，您需要使用 PHP 以外的东西来完成绘图部分。 http://diagramo.com/是一个非常好的插件，可以满足您的需求。

Answer 2

如果您真的想在纯 PHP 中执行此操作，您可以使用GD 库在 PHP 中创建图像和绘制形状。如果这是你想要的方向，有一些工具可以帮助你解决这个问题，尽管我现在唯一能找到的就是这个： http: //phpflow.berlios.de/

但是，我不建议这样做——有更简单的方法可以使用客户端 Javascript 工具来完成所有艰苦的工作；您的 PHP 代码只需要处理数据，Javascript 框架可以绘制漂亮闪亮的图形。

更多参考资料：

• JavaScript流程图/流程图库
• https://stackoverflow.com/questions/2558972/javascript-flowchart-library-for-workflow-visualization

希望有帮助。

Answer 3

您将需要使用客户端语言或应用程序，例如 HTML5、JavaScript 和/或 JavaScript 框架（如 jQuery）或什至像 Flash 之类的东西，它们可以与用户的浏览器（“客户端”）进行交互。这样的事情不能用服务器端语言来完成，它只能与运行它的服务器（你的网络服务器）交互。

有关可能对您有用的 HTML5 画布元素的一些说明，请参阅Dive Into HTML5 - Canvas

Answer 4

PHP 是一个server-side组件，而用户交互需要更具交互性的东西，出于某种原因，它被称为user-side. 对于网络浏览器，它可以是 JavaScript 或 Java 或 DirectX 或 Flash 或 Silverlight 或类似的东西。但不仅仅是 PHP。