
前言 在一些大型項(xiàng)目中汤纸,單兵作戰(zhàn)方式已經(jīng)成為過去式香拉,團(tuán)隊(duì)合作開發(fā)成為主要方式岁疼。對(duì)于一個(gè)開源項(xiàng)目來說实牡,這個(gè)團(tuán)隊(duì)就是開源社區(qū),一群人為各自的原因聚在...
隨著新興產(chǎn)業(yè)的蓬勃發(fā)展虽抄,許多專有領(lǐng)域概念層出不窮脸侥,怎么將系統(tǒng)中的任務(wù)流程化以及讓使用者快速理解和上手操作是產(chǎn)品和技術(shù)人員面臨的一個(gè)非常大的挑戰(zhàn),...
開始 在使用軟件的過程中扇住,我們經(jīng)常會(huì)使用一些快捷鍵來提高效率春缕,比如 Ctrl +C、Ctrl + V艘蹋,同樣锄贼,在流程圖應(yīng)用中,也需要一些快捷鍵來提...
開始 一個(gè)開箱即用的技術(shù)框架女阀,一定會(huì)有完備的配套工具宅荤。X6[https://github.com/antvis/X6] 提供了大量的圖編輯功能,...
開始 在手動(dòng)連線的過程中强品,還需要處理一些交互細(xì)節(jié)膘侮,比如到達(dá)連接樁附近自動(dòng)吸附、可連接元素的高亮顯示等的榛,幸運(yùn)的是這些都不需要我們自己去實(shí)現(xiàn)琼了,X6[...
開始 很多圖形都有連接樁的概念,連接樁是節(jié)點(diǎn)上固定的點(diǎn)夫晌,常用于連線雕薪。連接樁的使用方式非常靈活,本文只介紹最佳實(shí)踐晓淀。 實(shí)現(xiàn) 連接樁定義 首先來看一...
開始 連線是 X6[https://github.com/antvis/X6] 中非常重要的一部分所袁,X6[https://github.com/...
開始 在流程圖中我們需要通過拖拽交互往畫布中添加節(jié)點(diǎn),X6 不僅內(nèi)置了強(qiáng)大的拖拽功能凶掰,還內(nèi)置了很多常用的圖形燥爷,接下來我們一起實(shí)現(xiàn)基礎(chǔ)的流程圖圖形...
開始 下面我們開始實(shí)現(xiàn)流程圖的畫布功能匈辱,從兩個(gè)方面著手沧竟,第一個(gè)是畫布的樣式,包括網(wǎng)格和背景桑阶,第二個(gè)是畫布的操作畅涂,包括平移和縮放港华。首先來看看兩個(gè)經(jīng)...