Javascript圖元繪制庫：ternlight
基于HTML CANVAS API的Javascript庫，提供在HTML頁面上繪制圖元——如流程圖的能力。
目前已支持簡單的矩形圖元和圖元間的連線(直線、直角連線兩種)，拖拽圖元等能力。
該javascript library的實現借鑒了NetronLight的不少思路，相應地將之命名為ternlight。
目前，支持的主要能力如下：
1. 內置支持連線（直角線和直線）;提供了RetangleShape圖元；
2. 支持在圖元之間進行連線;(從Shape的Connector上可拉出新的連線)
3. 支持label，可編輯/顯示文本；label可作為Shape等的子元素（見demo中的MyShape示例）；
4. 支持圖元在畫布中的拖拽；
5. 支持從畫布外拖拽新的shape到畫布中（見demo中的示例?）；
6. 基本編輯支持：刪除、增加圖元(見5)以及undo、redo；
拖拽新的圖元到畫布中去：
ternlight的實現中，主要的類及其類之間的關系如下圖所示：
本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！