流程圖對(duì)比(jsplumb VS svgjs )

流程圖對(duì)比(jsplumb VS svgjs )

一、 流程圖在Github的表現(xiàn)

jsplumb

1.?官網(wǎng)：?https://jsplumbtoolkit.com 2.?GitHub?URL:?https://github.com/jsplumb/jsplumb 3.?Watch:?250 4.?Star:?4592 5.?Fork:?1100 6.?開(kāi)發(fā)語(yǔ)言：svg?+?javascript?+?htm5 7.?Demo演示：https://jsplumbtoolkit.com/ 8.?開(kāi)源時(shí)間：2013

svgjs

1.?官網(wǎng)：?https://svgjs.com/ 2.?GitHub?URL:?https://github.com/svgdotjs/svg.js 3.?Watch:?255 4.?Star:?6623 5.?Fork:?809 6.?開(kāi)發(fā)語(yǔ)言：svg?+?javascript 7.?Demo演示：https://svgjs.com/docs/2.7/tutorials/ 8.?開(kāi)源時(shí)間：2015

jsplumb功能特定單一，更適合做流程圖，SVG.js功能強(qiáng)大全面，適合SVG矢量圖和動(dòng)畫效果。

二、 流程圖功能簡(jiǎn)介

jsplumb

1.?該框架適用于必須繪制圖表的Web應(yīng)用程序，例如類似于Visio的應(yīng)用程序或工作流程設(shè)計(jì)器等。由于圖表項(xiàng)目和連接的所有參數(shù)都是非常精細(xì)可控的，因此您可以繪制您可以想到的任何類型的圖表的！ 2.?特點(diǎn)： ???Souce?源節(jié)點(diǎn) ???Target?目標(biāo)節(jié)點(diǎn) ???Anchor?錨點(diǎn) ???Endpoint?端點(diǎn) ???Connector?連接

svgjs

1.?SVG.js?是一個(gè)輕量級(jí)的?JavaScript?庫(kù)，允許你輕松操作?SVG?和定義動(dòng)畫。?SVG（Scalable?Vector?Graphics，可縮放矢量圖形）是基于?XML、用于描述二維矢量圖形?的一種圖形格式。SVG?由?W3C?制定，是一個(gè)開(kāi)放標(biāo)準(zhǔn)。?SVG.js?中包含了大量用于定義動(dòng)畫的方法，如移動(dòng)、縮放、旋轉(zhuǎn)、傾斜等，具體可參閱相?關(guān)演示。 2.?易讀的簡(jiǎn)潔的語(yǔ)法?非常輕量，gzip?壓縮版只有?5k?針對(duì)大小、位置、顏色等的動(dòng)畫元素?模塊化結(jié)構(gòu)，輕松擴(kuò)展?各種實(shí)用插件?各種形狀類型間擁有統(tǒng)一的?API.?元素可以綁定事件，包括觸摸事件?完全支持不透明蒙版?元素組?動(dòng)態(tài)漸變?填充模式?完整的文檔記錄

jsplumb功能特定單一，更適合做流程圖，SVG.js功能強(qiáng)大全面，適合SVG矢量圖和動(dòng)畫效果。

三、 流程圖開(kāi)源維護(hù)方面

jsplumb

1.?團(tuán)隊(duì)持續(xù)更新中。 2.??4804提交量；?56個(gè)代碼分支；?131個(gè)版本；?24個(gè)貢獻(xiàn)者。

svgjs

1.?團(tuán)隊(duì)持續(xù)更新中。 2.??1273提交量；?10個(gè)代碼分支；??94個(gè)版本；?50名貢獻(xiàn)者。

jsplumb最新版本2.8.2；Svg.js最新版本3.0.5; 兩者都在持續(xù)更新，只是發(fā)展方向不同。

四、 流程圖的使用方式

jsplumb

1.?在頁(yè)面引用jsplumb.min.js。 2.?使用jsplumb提供的API開(kāi)發(fā)各類圖形連線可視化項(xiàng)目

svgjs

1.?在頁(yè)面引用svg.js。 2.?用于操作和動(dòng)畫SVG的輕量級(jí)庫(kù)，沒(méi)有任何依賴性。

jsplumb功能特定而強(qiáng)大，svg.js功能豐富，自定義性強(qiáng)，動(dòng)畫豐富。

DAYU EI企業(yè)智能

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請(qǐng)聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。