用javascript繪製流程圖並返回繪製變量而不是圖片

Question

我想爲客戶端用戶創建一個頁面來繪製流程圖，最重要的是可以返回繪圖的值，例如在框中鍵入他畫，而不是最終的結果。

任何人都可以提供一些建議使用什麼和從哪裏開始？謝謝。 ：D

Answer 1

正如其他人所提到的，您需要使用其他一些PHP來完成繪圖部分。 http://diagramo.com/是一個非常不錯的插件，用於你想要做的事情。

Answer 2

您需要使用客戶端語言或應用程序，例如HTML5，JavaScript和/或JavaScript框架（如jQuery），甚至是可以與用戶的瀏覽器（'客戶端'）交互的Flash之類的東西。 。這樣的事情不能用服務器端語言完成，它只能與運行它的服務器（您的Web服務器）交互。

對於一個小指令，這可能是使用你的HTML5 canvas元素，看到Dive Into HTML5 - Canvas

Answer 3

PHP是一種server-side組件，而用戶交互需要的東西更多的互動，這是所謂的，是有原因的，user-side 。在Web瀏覽器的情況下，它可以是JavaScript或Java或DirectX或Flash或Silverlight或類似的東西。但不僅僅是PHP。

Answer 4

如果你真的想在純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

希望有所幫助。