jmgraph前端畫圖組件(html5版)

標籤：style   blog   http   java   color   strong   

原文:jmgraph前端畫圖組件(html5版)

     jmgraph是一個基於html5的WEB前端畫圖組件。      前端畫圖對象控制項化，支援滑鼠和健盤事件響應，可對單個控制項樣式設定，支援簡單的動畫處理。    可大大地簡化前端畫圖。  如果ie請用ie9及以上瀏覽器  程式碼範例 

1.建立jmgraph對象

   2.建立樣式漸層和陰影製作效果 
漸層支持度百分比，而且座標都是相對於其父容器的。     3.建立控制項
建立一個中心為(250,250)半徑為100的圓，這裡可以指定radius或寬度來解定圓大小,弧度為滿圓 .    4.事件處理
這裡當滑鼠移入圓時改變其邊框顏色 

5.完成
最後加入到graph中，並設定可以移動。

graph.children.add(arc); arc.canMove(true);

滑鼠移上去效果

 

官網:http://graph.jm47.com/

 

附基於jmgraph組件開發的流程圖組件:

 

源碼：https://github.com/jiamao/jmgraph