[發(fā)明專利]一種自適應(yīng)生成流程圖的方法和裝置

在審

• 申請(qǐng)?zhí)枺?/td>: 202210013058.4
• 申請(qǐng)日: 2022-01-06
• 公開(kāi)（公告）號(hào): CN115994515A
• 公開(kāi)（公告）日: 2023-04-21
• 發(fā)明（設(shè)計(jì)）人: 余崇煒
• 申請(qǐng)（專利權(quán)）人: 北京沃東天駿信息技術(shù)有限公司;北京京東世紀(jì)貿(mào)易有限公司
• 主分類號(hào): G06F40/106
• 分類號(hào): G06F40/106;G06F40/166;G06T11/20
• 代理公司: 中原信達(dá)知識(shí)產(chǎn)權(quán)代理有限責(zé)任公司 11219
• 代理人: 王安娜;趙迪

本發(fā)明公開(kāi)了一種自適應(yīng)生成流程圖的方法和裝置，涉及計(jì)算機(jī)技術(shù)領(lǐng)域。該方法的一具體實(shí)施方式包括：判斷繪制節(jié)點(diǎn)和線條時(shí)的初始瀏覽器視窗的尺寸與當(dāng)前瀏覽器視窗的尺寸是否相同；若是，則根據(jù)所述當(dāng)前瀏覽器視窗的尺寸和所述初始瀏覽器視窗的尺寸計(jì)算橫縱縮放比，分別從節(jié)點(diǎn)數(shù)組和線條數(shù)組中獲取節(jié)點(diǎn)信息和線條信息，并根據(jù)所述橫縱縮放比、所述節(jié)點(diǎn)信息和所述線條信息計(jì)算當(dāng)前節(jié)點(diǎn)信息和當(dāng)前線條信息，從而在所述當(dāng)前瀏覽器視窗中顯示節(jié)點(diǎn)和線條；若否，則分別從節(jié)點(diǎn)數(shù)組和線條數(shù)組中獲取節(jié)點(diǎn)信息和線條信息，從而在所述當(dāng)前瀏覽器視窗中顯示節(jié)點(diǎn)和線條。該實(shí)施方式能夠解決無(wú)法根據(jù)瀏覽器視窗自動(dòng)調(diào)整流程圖的技術(shù)問(wèn)題。

本申請(qǐng)對(duì)2021年10月19日提交的申請(qǐng)?zhí)枮?02111217054.X的中國(guó)專利申請(qǐng)要求優(yōu)先權(quán)，將該申請(qǐng)整體通過(guò)引用以其全部并入本申請(qǐng)。

技術(shù)領(lǐng)域

本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，尤其涉及一種自適應(yīng)生成流程圖的方法和裝置。

背景技術(shù)

隨著科技的進(jìn)步，web頁(yè)面功能愈發(fā)豐富，在web端進(jìn)行流程圖的創(chuàng)建和展示已經(jīng)成為了普遍現(xiàn)象。在實(shí)際使用場(chǎng)景中，用戶顯示器規(guī)格各異，導(dǎo)致瀏覽器視窗大小、比例各不相同；而且，用戶在web端使用時(shí)還會(huì)縮放瀏覽器視窗。

盡管實(shí)現(xiàn)web端流程圖的手段多樣，但在上述兩個(gè)場(chǎng)景下現(xiàn)有流程圖實(shí)現(xiàn)方式不能根據(jù)瀏覽器視窗的尺寸進(jìn)行自動(dòng)調(diào)整流程圖。在現(xiàn)有實(shí)現(xiàn)方式中，流程圖過(guò)大則通過(guò)滾動(dòng)條滾動(dòng)查看流程圖，流程圖過(guò)小則瀏覽器視窗的周圍會(huì)有留白。因此，現(xiàn)有實(shí)現(xiàn)方式既不美觀，也不易于查看，同時(shí)會(huì)影響web端應(yīng)用的整體體驗(yàn)。

發(fā)明內(nèi)容

有鑒于此，本發(fā)明實(shí)施例提供一種自適應(yīng)生成流程圖的方法和裝置，以解決無(wú)法根據(jù)瀏覽器視窗自動(dòng)調(diào)整流程圖的技術(shù)問(wèn)題。

為實(shí)現(xiàn)上述目的，根據(jù)本發(fā)明實(shí)施例的一個(gè)方面，提供了一種自適應(yīng)生成流程圖的方法，包括：

判斷繪制節(jié)點(diǎn)和線條時(shí)的初始瀏覽器視窗的尺寸與當(dāng)前瀏覽器視窗的尺寸是否相同；

若否，則根據(jù)所述當(dāng)前瀏覽器視窗的尺寸和所述初始瀏覽器視窗的尺寸計(jì)算橫縱縮放比，分別從節(jié)點(diǎn)數(shù)組和線條數(shù)組中獲取節(jié)點(diǎn)信息和線條信息，并根據(jù)所述橫縱縮放比、所述節(jié)點(diǎn)信息和所述線條信息計(jì)算當(dāng)前節(jié)點(diǎn)信息和當(dāng)前線條信息，從而在所述當(dāng)前瀏覽器視窗中顯示節(jié)點(diǎn)和線條；

若是，則分別從節(jié)點(diǎn)數(shù)組和線條數(shù)組中獲取節(jié)點(diǎn)信息和線條信息，從而在所述當(dāng)前瀏覽器視窗中顯示節(jié)點(diǎn)和線條。

可選地，判斷繪制節(jié)點(diǎn)和線條時(shí)的初始瀏覽器視窗的尺寸與當(dāng)前瀏覽器視窗的尺寸是否相同之前，還包括：

在節(jié)點(diǎn)畫布上繪制各個(gè)節(jié)點(diǎn)，并將所述各個(gè)節(jié)點(diǎn)的節(jié)點(diǎn)信息寫入節(jié)點(diǎn)數(shù)組；

在線條畫布上繪制各個(gè)線條，并將所述各個(gè)線條的線條信息寫入線條數(shù)組；

其中，所述節(jié)點(diǎn)畫布的尺寸、所述線條畫布的尺寸與所述初始瀏覽器視窗的尺寸均相同；所述線條畫布位于所述節(jié)點(diǎn)畫布的下方。

可選地，在節(jié)點(diǎn)畫布上繪制各個(gè)節(jié)點(diǎn)，并將所述各個(gè)節(jié)點(diǎn)的節(jié)點(diǎn)信息寫入節(jié)點(diǎn)數(shù)組，包括：

初始化節(jié)點(diǎn)畫布，以使所述節(jié)點(diǎn)畫布填滿所述初始瀏覽器視窗；

響應(yīng)用戶在所述節(jié)點(diǎn)畫布中添加節(jié)點(diǎn)，獲取所述節(jié)點(diǎn)在所述節(jié)點(diǎn)畫布中的位置信息和所述節(jié)點(diǎn)的尺寸信息；

配置所述節(jié)點(diǎn)的插槽屬性；

將所述節(jié)點(diǎn)的標(biāo)識(shí)、所述節(jié)點(diǎn)在所述節(jié)點(diǎn)畫布中的位置信息、所述節(jié)點(diǎn)的尺寸信息和所述節(jié)點(diǎn)的插槽屬性寫入節(jié)點(diǎn)數(shù)組。

可選地，所述節(jié)點(diǎn)的插槽屬性包括所述節(jié)點(diǎn)的樣式、內(nèi)容和展示邏輯；

其中，所述節(jié)點(diǎn)的展示邏輯包括：在不同尺寸的瀏覽器視窗中，所述節(jié)點(diǎn)的樣式和內(nèi)容。