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

Question

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

任何人都可以建议使用什么以及从哪里开始？谢谢。 ：d

Answer 1

正如其他人所提到的，你需要使用其他PHP来完成绘图部分。 http://diagramo.com/是一个非常好的插件，适合您的目标。

Answer 2

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

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

进一步参考：

• JavaScript flowchart / flow diagram lib
• 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会调用它。对于Web浏览器，它可以是JavaScript或Java或DirectX或Flash或Silverlight或类似的东西。但不仅仅是PHP。