[發明專利]一種線框圖的繪制方法、裝置和系統

在審

• 申請號: 201410158343.0
• 申請日: 2014-04-18
• 公開（公告）號: CN105094753A
• 公開（公告）日: 2015-11-25
• 發明（設計）人: 余成章;李臻
• 申請（專利權）人: 阿里巴巴集團控股有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44;G06F17/30
• 代理公司: 北京潤澤恒知識產權代理有限公司 11319
• 代理人: 趙娟

1.一種線框圖的繪制方法，其特征在于，包括：

在瀏覽器側向服務器側發送線框圖頁面的加載請求；所述加載請求中包括線框圖標識；

接收所述服務器側依據所述加載請求返回的，所述線框圖標識對應的線框圖頁面數據；

對所述線框圖頁面數據進行渲染處理，獲得線框圖頁面；

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

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

2.根據權利要求1所述的方法，其特征在于，所述線框包括線框標識，所述線條包括線條標識，所述的方法還包括：

生成線框記錄和/或線條記錄；所述線框記錄為所述線框信息與所述線框標識的對應關系，所述線條記錄為所述線條信息與所述線條標識的對應關系；

將所述線框記錄和/或所述線條記錄發送至所述服務器側；所述服務器側用于保存所述線框記錄和/或所述線條記錄，與所述線框圖標識的對應關系。

3.根據權利要求1或2所述的方法，其特征在于，所述線框圖標識為首次繪制線框圖時，在瀏覽器側向服務器側發送線框圖的繪制請求接收服務器側返回的，依據所述繪制請求分配的網頁標識中包括的線框圖標識。

4.根據權利要求3所述的方法，其特征在于，當首次繪制線框圖時，所述線框圖頁面數據包括空白的線框圖；所述對所述線框圖頁面數據進行渲染處理，獲得線框圖頁面的步驟包括：

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

5.根據權利要求1或2所述的方法，其特征在于，當非首次繪制線框圖時，所述線框圖頁面數據包括線框記錄和/或線條記錄。

6.根據權利要求5所述的方法，其特征在于，所述對所述線框圖頁面數據進行渲染處理，獲得線框圖頁面的步驟包括：

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

或者，

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

或者，

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

7.根據權利要求5所述的方法，其特征在于，所述線框圖頁面數據包括的線框記錄和/或線條記錄為，在先當前瀏覽器側或者其他瀏覽器側繪制線框和/或線條時，生成的所述線框和/或所述線條對應的線框記錄和/或線條記錄。

8.根據權利要求1或2或4或6或7所述的方法，其特征在于，所述線框圖頁面繪制線框和/或線條的繪制指令包括以下的至少一種：

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

9.根據權利要求1或2或4或6或7所述的方法，其特征在于，所述線框信息包括以下的至少一種：

位置信息、大小信息、顏色信息、內容信息。

10.根據權利要求1或2或4或6或7所述的方法，其特征在于，所述線條信息包括以下的至少一種：

粗細信息、方向信息、顏色信息、起點信息、終點信息。

11.根據權利要求10所述的方法，其特征在于，所述起點信息包括起點類型及對應的起點位置，所述終點信息包括終點類型及對應的終點位置；

其中，當線條的起點為線框中的像素點時，所述起點類型為線框類型，所述起點位置為所述起點所在線框的線框標識；

當線條的起點為非線框中的像素點時，所述起點類型為坐標類型，所述起點位置為所述起點的坐標；

當線條的終點為線框中的像素點時，所述終點類型為線框類型，所述終點位置為所述終點所在線框的線框標識；

當線條的起點為非線框中的像素點時，所述起點類型為坐標類型，所述起點位置為所述起點的坐標；

當線條的終點為非線框中的像素點時，所述終點類型為坐標類型，所述終點位置為所述終點的坐標。