jmgraph前端畫圖組件(html5版) 原文: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

posted on 2014-06-29 12:19 NET未來之路 閱讀(...) 評論(...) 編輯 收藏

轉載于:https://www.cnblogs.com/lonelyxmas/p/3814953.html

總結

以上是生活随笔為你收集整理的jmgraph前端画图组件(html5版)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。