一種基于Canvas的雙目3D網頁實現方法及系統技術方案

本發明專利技術提供了一種基于Canvas的雙目3D網頁實現方法及系統，方法步驟：設計網頁效果圖，獲取3D定位信息；創建3D網頁；解析3D網頁，得到左右視幀；根據不同的3D傳輸格式將左右視幀繪制到Canvas上系統包括：3D網頁解析器；3D傳輸格式處理器。本發明專利技術的要點是將用于控制Canvas上元素位置的2D定位屬性擴展為3D定位屬性，從而得到具有縱深感的立體效果。3D定位屬性由2D定位屬性和3D深度屬性構成，其中3D深度屬性可缺省。本發明專利技術通過HTML5中新引入的Canvas元素來實現，具有兼容傳統2D瀏覽器，無縫支持2D網頁和3D網頁，適于開發3D用戶界面、網頁游戲等優點。

【技術實現步驟摘要】

【技術保護點】
一種基于Canvas的雙目3D網頁實現方法，其特征在于，包括以下步驟：A、獲取要在Canvas上繪制的元素，即3D對象的定位屬性值，將用于在合適的位置繪制3D對象從而呈現所要求的立體效果，其中3D定位屬性值包括2D定位屬性和新增加的3D深度屬性；B、根據所述的3D定位屬性，使用JavaScript庫函數接口編寫3D網頁；C、使用支持Canvas的瀏覽器，由JavaScript庫函數解析上述3D網頁，計算出3D對象在左視幀和右視幀中的不同位置；D、根據不同的3D傳輸格式，將左右視幀按不同的方式繪制并在3D顯示器上顯示出來。

【技術特征摘要】

【專利技術屬性】
技術研發人員：周軍，張少博，張艷芳，
申請(專利權)人：上海交通大學，
類型：發明
國別省市：