[發(fā)明專利]一種線框圖的繪制方法、裝置和系統(tǒng)

在審

• 申請?zhí)枺?/td>: 201410158343.0
• 申請日: 2014-04-18
• 公開（公告）號: CN105094753A
• 公開（公告）日: 2015-11-25
• 發(fā)明（設(shè)計）人: 余成章;李臻
• 申請（專利權(quán)）人: 阿里巴巴集團控股有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44;G06F17/30
• 代理公司: 北京潤澤恒知識產(chǎn)權(quán)代理有限公司 11319
• 代理人: 趙娟

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

本申請涉及圖像處理的技術(shù)領(lǐng)域，特別是涉及一種線框圖的繪制方法、一種線框圖的繪制裝置和一種線框圖的繪制系統(tǒng)。

背景技術(shù)

在整個社會環(huán)境中，存在千差萬別的系統(tǒng)，盡管每個系統(tǒng)的屬性不盡相同，但是各個系統(tǒng)間又存在著相互影響而又相互合作的關(guān)系，經(jīng)常是不同單位間相互配合與協(xié)作、部門間協(xié)調(diào)關(guān)系以完整一項龐大工作。

例如，在應(yīng)用程序開發(fā)、測試的過程中，不同的工作人員經(jīng)常需要畫系統(tǒng)交互圖、數(shù)據(jù)庫關(guān)系及模型圖等以進(jìn)行交流。

一般，用戶可以通過在不同的設(shè)備上部署專門的客戶端進(jìn)行畫圖，畫好后保存成圖片讓更多用戶查看。

但是開發(fā)、維護(hù)專門的客戶端成本很高；而圖片完成之后，只能保存成功為一個靜態(tài)圖片展示給其他用戶，擴展性很低；如果需要修改圖片上的內(nèi)容，首先需要打開圖片的原始文件，然后再擦去原始的筆畫再增加新的筆畫，步驟較復(fù)雜，操作十分不方便。

因此，目前需要本領(lǐng)域技術(shù)人員迫切解決的一個技術(shù)問題就是：提出支持多人協(xié)同的線框圖的繪制機制，降低成本低，提高擴展性，提高操作簡便性。

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

本申請實施例所要解決的技術(shù)問題是提供一種線框圖的繪制方法，降低成本低，提高擴展性，提高操作簡便性。

相應(yīng)的，本申請實施例還提供了一種線框圖的繪制裝置以及一種線框圖的繪制系統(tǒng)，用以保證上述方法的實現(xiàn)及應(yīng)用。

為了解決上述問題，本申請實施例公開了一種線框圖的繪制方法，包括：

在瀏覽器側(cè)向服務(wù)器側(cè)發(fā)送線框圖頁面的加載請求；所述加載請求中包括線框圖標(biāo)識；

接收所述服務(wù)器側(cè)依據(jù)所述加載請求返回的，所述線框圖標(biāo)識對應(yīng)的線框圖頁面數(shù)據(jù)；

對所述線框圖頁面數(shù)據(jù)進(jìn)行渲染處理，獲得線框圖頁面；

接收線框和/或線條的繪制指令；所述繪制指令中包括線框信息和/或線條信息；

在所述線框圖頁面中按照所述線框信息和/或線條信息繪制出線框和/或線條。

優(yōu)選地，所述線框包括線框標(biāo)識，所述線條包括線條標(biāo)識，所述的方法還包括：

生成線框記錄和/或線條記錄；所述線框記錄為所述線框信息與所述線框標(biāo)識的對應(yīng)關(guān)系，所述線條記錄為所述線條信息與所述線條標(biāo)識的對應(yīng)關(guān)系；

將所述線框記錄和/或所述線條記錄發(fā)送至所述服務(wù)器側(cè)；所述服務(wù)器側(cè)用于保存所述線框記錄和/或所述線條記錄，與所述線框圖標(biāo)識的對應(yīng)關(guān)系。

優(yōu)選地，所述線框圖標(biāo)識為首次繪制線框圖時，在瀏覽器側(cè)向服務(wù)器側(cè)發(fā)送線框圖的繪制請求接收服務(wù)器側(cè)返回的，依據(jù)所述繪制請求分配的網(wǎng)頁標(biāo)識中包括的線框圖標(biāo)識。

優(yōu)選地，當(dāng)首次繪制線框圖時，所述線框圖頁面數(shù)據(jù)包括空白的線框圖；所述對所述線框圖頁面數(shù)據(jù)進(jìn)行渲染處理，獲得線框圖頁面的步驟包括：

在瀏覽器窗口中生成新的網(wǎng)頁，獲得空白的線框圖頁面。

優(yōu)選地，當(dāng)非首次繪制線框圖時，所述線框圖頁面數(shù)據(jù)包括線框記錄和/或線條記錄。

優(yōu)選地，所述對所述線框圖頁面數(shù)據(jù)進(jìn)行渲染處理，獲得線框圖頁面的步驟包括：

在瀏覽器窗口中生成新的網(wǎng)頁，在所述網(wǎng)頁上按照所述線框記錄渲染線框，獲得線框圖頁面；

或者，

在瀏覽器窗口中生成新的網(wǎng)頁，在所述網(wǎng)頁上按照所述線條記錄渲染線條，獲得線框圖頁面；

或者，

在瀏覽器窗口中生成新的網(wǎng)頁，在所述網(wǎng)頁上按照所述線框記錄渲染線框，按照所述線條記錄渲染線條，獲得線框圖頁面。

優(yōu)選地，所述線框圖頁面數(shù)據(jù)包括的線框記錄和/或線條記錄為，在先當(dāng)前瀏覽器側(cè)或者其他瀏覽器側(cè)繪制線框和/或線條時，生成的所述線框和/或所述線條對應(yīng)的線框記錄和/或線條記錄。

優(yōu)選地，所述線框圖頁面繪制線框和/或線條的繪制指令包括以下的至少一種：

新增線框和/或線條的操作指令、編輯已有的線框和/或線條的操作指令。

優(yōu)選地，所述線框信息包括以下的至少一種：

位置信息、大小信息、顏色信息、內(nèi)容信息。

優(yōu)選地，所述線條信息包括以下的至少一種：

粗細(xì)信息、方向信息、顏色信息、起點信息、終點信息。

優(yōu)選地，所述起點信息包括起點類型及對應(yīng)的起點位置，所述終點信息包括終點類型及對應(yīng)的終點位置；

其中，當(dāng)線條的起點為線框中的像素點時，所述起點類型為線框類型，所述起點位置為所述起點所在線框的線框標(biāo)識；

當(dāng)線條的起點為非線框中的像素點時，所述起點類型為坐標(biāo)類型，所述起點位置為所述起點的坐標(biāo)；