[發明專利]一種內容呈現設備和方法

有效

• 申請號: 201110432332.3
• 申請日: 2011-12-21
• 公開（公告）號: CN103176993A
• 公開（公告）日: 2013-06-26
• 發明（設計）人: 張磊
• 申請（專利權）人: 北京神州綠盟信息安全科技股份有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 中國專利代理(香港)有限公司 72001
• 代理人: 謝建云;劉鵬

1.一種內容呈現設備,適于圖形化地呈現一個或者多個對象以及一個或者多個這些對象之間的連接關系，該內容呈現設備包括：

頁面布局部件，適于在所述內容呈現設備中定義用于圖形化呈現的區域；

位置確定部件，適于根據一個或者多個對象中每個對象的屬性來確定相應對象在所定義區域中的位置，根據每個對象的位置來確定一個或者多個連接關系的起點和終點在所定義區域中的位置；以及

圖形繪制部件，適于根據每個連接關系的起點和終點的位置在所定義區域中繪制連接每個連接關系的起點和終點的連線，并在所定義區域中繪制每個對象，其中所述對象疊加在所述連線之上。

2.如權利要求1所述的內容呈現設備，其中所述一個或者多個對象中的每個對象的屬性包括對象的大小、對象在所定義區域中的初始位置、對象描述和對象的圖標等中的一個或者多個，而且所述一個或者多個連接關系中的每個連接關系由連接關系所涉及的對象來定義。

3.如權利要求1或者2所述的內容呈現設備，其中所述頁面布局部件所定義的區域可以在所述內容呈現設備中移動或者縮放，以及

當所定義的區域移動或者縮放時，所述位置確定部件重新確定每個對象的位置以及每個連接關系的起點和終點位置，以及所述圖形繪制部件重新在所定義區域中繪制所述對象和對應于連接關系的連線。

4.如權利要求1-3中任一個所述的內容呈現設備，還包括用戶接口，適于接收用戶對所述一個或者多個對象以及一個或者多個連接關系的操作，以及

所述位置確定部件基于所述用戶操作來重新確定每個對象的位置以及每個連接關系的起點和終點位置，以及所述圖形繪制部件重新在所定義區域中繪制所述對象和對應于連接關系的連線。

5.如權利要求1-4中任一個所述的內容呈現設備，其中所述內容呈現設備適于采用與HTML5兼容的呈現方式，頁面布局部件適于采用HTML?中的Canvas元素來定義所述區域，以及所述圖形繪制部件適于采用HTML中的Div元素來定義所述一個或者多個對象并在所定義區域中呈現所述對象。

6.如權利要求5所述的內容呈現設備，其中對于每個對象，所述圖形繪制部件利用第一Div元素來定義該對象的大小和位置，利用第二Div元素定義對應于該對象的圖標，以及利用第三Div元素定義對應于該對象的對象描述，其中所述第二Div元素和第三元素包含在第一Div元素中。

7.一種內容呈現方法,適于圖形化地呈現一個或者多個對象以及一個或者多個這些對象之間的連接關系，該方法包括：

在內容呈現設備中定義用于圖形化呈現的區域；

根據一個或者多個對象中每個對象的屬性來確定相應對象在所定義區域中的位置，根據每個對象的位置來確定一個或者多個連接關系的起點和終點在所定義區域中的位置；以及

根據每個連接關系的起點和終點的位置在所定義區域中繪制連接每個連接關系的起點和終點的連線，并在所定義區域中繪制每個對象，其中所述每個對象疊加在所述連線之上。

8.如權利要求7所述的內容呈現方法，其中所述一個或者多個對象中的每個對象的屬性包括對象的大小、對象在所定義區域中的初始位置、對象描述和對象圖標等中的一個或者多個，而且所述一個或者多個連接關系中的每個連接關系由連接關系所涉及的對象來定義。

9.如權利要求7或者8所述的內容呈現方法，其中所定義的區域可以在所述內容呈現設備中移動或者縮放，以及該方法還包括：

當所定義的區域移動或者縮放時，重新確定每個對象的位置以及每個連接關系的起點和終點位置，以及重新在所定義區域中繪制所述對象和對應于連接關系的連線。

10.如權利要求7-9中任一個所述的內容呈現方法，還包括：接收用戶對所述一個或者多個對象以及一個或者多個連接關系的操作，以及

基于所述用戶操作來重新確定每個對象的位置以及每個連接關系的起點和終點位置，以及重新在所定義區域中繪制所述對象和對應于連接關系的連線。

11.如權利要求7-10中任一個所述的內容呈現方法，其中采用與HTML5兼容的呈現方式來圖形化地呈現一個或者多個對象以及一個或者多個這些對象之間的連接關系，采用HTML?中的Canvas元素來定義所述區域，以及采用HTML中的Div元素來定義所述一個或者多個對象并在所定義區域中呈現所述對象。

12.如權利要求11所述的內容呈現方法，其中采用HTML中的Div元素來定義所述一個或者多個對象包括：

對于每個對象，

利用第一Div元素來定義該對象的大小和位置；

利用第二Div元素定義對應于該對象的圖標；以及

利用第三Div元素定義對應于該對象的對象描述，

其中所述第二Div元素和第三元素包含在第一Div元素中。