一种基于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显示器上显示出来。