? ? ? 剛上線的項目中用到了jointjs,之前直接不知道它的存在,一個是由于知識面不夠,一方面是對拓?fù)鋱D這塊幾乎沒有用到過。在技術(shù)選型之后,決定使用jointjs作為在線可視化編輯,在官網(wǎng)API也很全,demo也多,但是已入手,還是蒙了,不知道如何下手,在仿佛研究demo和引入的js后,基本知道基本原理和怎么使用它,在項目中也實現(xiàn)了畫圖及放大、縮小、導(dǎo)出等功能,如下圖。

使用步驟:

2.定義畫布


4.把元素增加到畫布中
? ?graph.addCells([rect, ellipse, link]);
5.以上就基本搞定簡單使用了,后續(xù)會在增加內(nèi)容,建議在使用之前可以好好了解backbone.js原理,學(xué)起來會比較容易理解;
推薦地址博客地址:https://blog.csdn.net/likun557/article/details/53159870