本申請涉及計算機應(yīng)用領(lǐng)域，尤其涉及一種用于實現(xiàn)三維頁面的方法及系統(tǒng)。

背景技術(shù)：
人類的眼睛在觀察一個三維物體時，由于雙眼水平分開在兩個不同的位置上，所看到的物體圖像是不同的。左眼和右眼看到的圖像分別為左眼圖像和右眼圖像，它們之間存在著一個視差（Parallax）。由于視差的存在，通過人類的大腦，可以感受到一個具有景深和層次感的三維（3D）世界，這就是雙目視差原理。視差又分為正視差、負視差及零視差。在3D顯示平面上，物體的左眼圖像在左側(cè)、右眼圖像在右側(cè)時被定義為正視差，觀看正視差的物體時，感覺該物體位于3D顯示平面的后方；在3D顯示平面上，物體的左眼圖像在右側(cè)、右眼圖像在左側(cè)時被定義為負視差，觀看負視差的物體時，感覺該物體位于3D顯示平面的前方；而零視差是指在3D顯示平面上，物體的左眼圖像與右眼圖像完全重合。面向裸眼立體3D顯示的多視點3D則是由至少三個相鄰的視點構(gòu)成的，定義為多視點立體3D（Multi-viewStereoscopic3D），相鄰的兩個視點構(gòu)成雙視點3D。由此可見，多視點3D是雙視點3D的擴展，雙視點3D是多視點3D的特例。目前的雙視點或多視點3D技術(shù)主要應(yīng)用于3D電視上，而目前如何將多視點3D技術(shù)應(yīng)用于網(wǎng)頁，成為現(xiàn)有技術(shù)的一大問題。

技術(shù)實現(xiàn)要素：
本申請?zhí)峁┮环N用于實現(xiàn)三維頁面的方法及系統(tǒng)，以實現(xiàn)雙視點及多視點3D網(wǎng)頁。根據(jù)本申請的第一方面，本申請?zhí)峁┮环N用于實現(xiàn)三維網(wǎng)頁的方法，包括：獲得三維頁面文件，所述三維頁面文件包括如下內(nèi)容：HTML語言中的至少兩個視幀標簽，每一視幀標簽包括每一視幀的標識及內(nèi)容，視幀的內(nèi)容包括頁面布局及頁面元素，所述頁面元素包括三維頁面元素；CSS語言中的三維定位信息屬性組，三維定位信息屬性組包括視幀的標識、視幀中三維頁面元素的標識，以及三維頁面元素的三維定位信息；JavasScript語言中的顯示格式對象，顯示格式對象包括視幀的標識以及視幀的顯示格式信息；對三維頁面文件進行解析，得到視幀標簽、三維定位信息屬性組以及顯示格式對象中的信息；根據(jù)解析得到的視幀標簽及三維定位信息屬性組中的信息，建立每一視幀對應(yīng)的文檔對象模型樹；根據(jù)解析得到的顯示格式對象中的信息，對需要顯示的各視幀對應(yīng)的文檔對象模型樹進行三維渲染，得到三維頁面以進行顯示。根據(jù)本申請的第二方面，本申請?zhí)峁┮环N用于實現(xiàn)三維網(wǎng)頁的系統(tǒng)，包括：解析模塊，用于獲得三維頁面文件，所述三維頁面文件包括如下內(nèi)容：HTML語言中的至少兩個視幀標簽，每一視幀標簽包括每一視幀的標識及內(nèi)容，視幀的內(nèi)容包括頁面布局及頁面元素，所述頁面元素包括三維頁面元素；CSS語言中的三維定位信息屬性組，三維定位信息屬性組包括視幀的標識、視幀中三維頁面元素的標識，以及三維頁面元素的三維定位信息；JavasScript語言中的顯示格式對象，顯示格式對象包括視幀的標識以及視幀的顯示格式信息；并對三維頁面文件進行解析，得到視幀標簽、三維定位信息屬性組以及顯示格式對象中的信息；視幀構(gòu)建模塊，用于根據(jù)解析得到的視幀標簽及三維定位信息屬性組中的信息，建立每一視幀對應(yīng)的文檔對象模型樹；渲染模塊，用于根據(jù)解析得到的顯示格式對象中的信息，對需要顯示的各視幀對應(yīng)的文檔對象模型樹進行三維渲染，得到三維頁面以進行顯示。本申請的有益效果是：通過提供一種用于實現(xiàn)三維網(wǎng)頁的方法及系統(tǒng)，利用在HTML語言中定義的視幀標簽、在CSS語言中定義的三維定位信息屬性組以及在JavaScript語言中定義的顯示格式對象創(chuàng)建三維頁面文件，并且對三維頁面文件進行解析并相應(yīng)建立視幀對應(yīng)的文檔對象模型樹，最后對文檔對象模型樹進行三維渲染，依據(jù)顯示格式顯示渲染所得三維頁面。這樣，采用上述處理方式就能實現(xiàn)雙視點或多視點三維網(wǎng)頁，在雙視點或多視點3D顯示器上呈現(xiàn)具有深度感的立體三維網(wǎng)頁世界，革新了網(wǎng)絡(luò)體驗。附圖說明圖1為本申請實施例的用于實現(xiàn)3D網(wǎng)頁的方法的流程圖；圖2為本申請實施例的用于實現(xiàn)三維網(wǎng)頁的系統(tǒng)的結(jié)構(gòu)圖。具體實施方式本申請是對網(wǎng)頁語言HTML、CSS、Javascript進行全面的擴展，而實現(xiàn)雙視點或多視點立體3D網(wǎng)頁的技術(shù)。下面通過一個具體實施例結(jié)合附圖對本申請作進一步詳細說明。請參考圖1，本實施例的用于實現(xiàn)3D網(wǎng)頁的方法主要包括如下流程：步驟101，建立網(wǎng)頁的頁面布局。具體地，可利用現(xiàn)有的所見即所得的網(wǎng)頁頁面編輯工具，如Dreamweaver網(wǎng)頁編輯器，或者直接用文本編輯器來編輯得到單視點網(wǎng)頁（傳統(tǒng)2D網(wǎng)頁）的頁面布局，然后將所得的網(wǎng)頁的頁面布局保存成為文件。步驟102，獲得網(wǎng)頁中的多種頁面元素，如圖像頁面元素或文字頁面元素等。為達到3D顯示效果，網(wǎng)頁中必然包含三維圖像頁面元素，可采用AutodeskMaya等三維動畫軟件對圖像頁面元素進行三維建模，得到三維圖像頁面元素。另外，對于文字頁面元素，也可以進行圖像化，從而得到文字對應(yīng)的三維圖像頁面元素。當然，也可以不對文字頁面元素進行圖像化。步驟103，在HTML語言中定義至少兩個視頻標簽。具體地，每一視幀標簽包括每一視幀的標識及內(nèi)容，視幀的內(nèi)容包括頁面布局及頁面元素。而視頻標簽可為view標簽，其中可包括視幀的標識，以及包含頁面元素的視幀的內(nèi)容。如下表1所示，view標簽用于標記3D網(wǎng)頁中的某個視幀，view標簽是繼根（Root）元素html之后的元素，稱之為次根（Sub-root）元素。另外，view標簽可以缺省，目的是為了與原有的HTML語言兼容。表1如上表1所示，值number表示視幀的值，也就是視幀的標識，而進行文本編輯時，可將視幀的內(nèi)容置于view標簽中的body子標簽中。步驟104，在CSS語言中定義三維定義信息屬性組。具體地，三維定位信息屬性組包括視幀的標識、視幀中三維頁面元素的標識，以及三維頁面元素的三維定位信息。頁面元素可包含現(xiàn)有的二維（2D）定位信息，例如頁面元素距顯示屏邊緣的距離、頁面元素的長度及寬度等，另外，頁面元素中的三維頁面元素除了包含2D定位信息外，還應(yīng)當包含3D定位信息，3D定位信息可采用AutodeskMaya等三維動畫軟件進行設(shè)定，3D定位信息可包括瞳距（eye-distance）、三維頁面元素距離顯示平面的深度值（depth）等，或者為瞳距（eye-distance）、三維頁面元素距離顯示平面的深度值...