題:
Javascript框架創建類似流程的圖表
vainolo
2014-03-14 20:14:47 UTC
view on stackexchange narkive permalink

我正在尋找一個框架來創建和編輯類似於流程的圖表，就像在Google Drawings， www.draw.io（開源）這樣的網站中所做的一樣， Gliffy和 LucidChart

所需的最重要的功能：

  1. 繪製簡單元素（矩形，橢圓形）
  2. 在元素之間創建連接
  3. 能夠更改連接的外觀，並向連接添加裝飾符
  4. 易於編輯，移動，調整元素大小，更改連接起點/終點等。
    5. ol>
三 答案:
Simon Sarris
2014-06-23 18:44:48 UTC
view on stackexchange narkive permalink

看看 GoJS

這是一個JavaScript庫，應該能夠用圖表來完成您期望的一切：

  • 使用節點，鏈接和組的模板可以任意複雜，並包括自定義形狀/幾何尺寸
  • 支持用戶創建的具有任意鏈接驗證的鏈接
  • 通過鏈接，具有“避免節點”和“跳轉”選項的正交和Bezier鏈接路由
  • 使用JSON數據進行數據綁定
  • 直觀的拖放拖放&複製粘貼功能
  • 無限的可擴展撤消和重做
  • 使用可自定義工具的鼠標和触摸支持
  • 圖形的自動佈局
  • 調色板和概述

GoJS沒有內置的繪圖工具，但是創建它很容易，並且在這裡

是否允許“將裝飾器添加到連接”？屏幕快照會很棒:-)請同樣解決問題的每個要點。另外，按照http://meta.softwarerecs.stackexchange.com/questions/356/what-is-required-for-an-answer-to-be-quality的要求，您介意公開您的隸屬關係並說明什麼解決方案的許可證？謝謝！
jsDoggy
2015-12-09 06:00:51 UTC
view on stackexchange narkive permalink

我建議您使用 D3.js。它使用HTML和SVG-可以訪問API。

另一個建議是 Raphael。它還可以與HTML和SVG一起使用

。在兩者中，您都可以創建基元，並將它們連接起來。他們還可以進行交互。

歡迎使用軟件建議！請閱讀http://meta.softwarerecs.stackexchange.com/questions/356/what-is-required-for-an-answer-to-high-quality能否請您提及此解決方案的許可證？謝謝 ：-）
是否允許“將裝飾器添加到連接”？屏幕截圖會很棒:-)請同樣解決問題的每個要點，謝謝！
Davis Jebaraj
2016-05-11 06:55:34 UTC
view on stackexchange narkive permalink

Essential Diagram for JavaScript supports creating any kind of diagram.

  • Draw simple elements (rectangles, ellipses): Supported
  • Create connections between the elements: Supported
  • Being able to change how connections look, and add decorators to the connections: Supported
  • Easy editing, moving, resize of the elements, change connection start/end point, etc.: Supported.

The whole product is available for free through the community license if you qualify.

I work for Syncfusion.



ⓘ
該問答將自動從英語翻譯而來。原始內容可在stackexchange上找到，我們感謝它分發的cc by-sa 3.0許可。
Loading...