[发明专利]一种基于Canvas的双目3D网页实现方法及系统

权利要求书

1.一种基于Canvas的双目3D网页实现方法，其特征在于，包括以下步骤：

A、获取要在Canvas上绘制的元素，即3D对象的定位属性值，将用于在合适的位置绘制3D对象从而呈现所要求的立体效果，其中3D定位属性值包括2D定位属性和新增加的3D深度属性；

B、根据所述的3D定位属性，使用JavaScript库函数接口编写3D网页；

C、使用支持Canvas的浏览器，由JavaScript库函数解析上述3D网页，计算出3D对象在左视帧和右视帧中的不同位置；

D、根据不同的3D传输格式，将左右视帧按不同的方式绘制并在3D显示器上显示出来。

2.根据权利要求1所述的基于Canvas的双目3D网页实现方法，其特征在于：所述步骤A的3D对象包括Canvas支持的全部元素，即线、几何图形、文字、图片和视频。

3.根据权利要求1所述的基于Canvas的双目3D网页实现方法，其特征在于：所述步骤D的传输格式为半高清3D帧兼容时，要分别进行如下变换：

左右拼：则分别将得到的左右视帧进行水平方向上的亚采样，得到宽度减半的左右视帧并绘制到Canvas的左右半部分；

上下拼：则分别将得到的左右视帧进行垂直方向上的亚采样，得到高度减半的左右视帧并绘制到Canvas的上下半部分；

列交错：则分别将左右视帧进行水平方向上的亚采样，得到宽度减半的左右视帧并绘制到Canvas的奇数和偶数列上；

行交错：则分别将左右视帧进行垂直方向上的亚采样，得到高度减半的左右视帧并绘制到Canvas的奇数和偶数行上。

4.根据权利要求1所述的基于Canvas的双目3D网页实现方法，其特征在于：所述步骤D的传输格式为全高清3D帧序列时，则无需变换，左右视帧直接绘制到左右两路对应的Canvas上。

5.根据权利要求1所述的基于Canvas的双目3D网页实现方法，其特征在于：所述步骤D的传输格式为全高清3D帧封装时，则无需变换，左右视帧直接作为左右或上下部分绘制到Canvas上。

6.根据权利要求1-5任一项所述的基于Canvas的双目3D网页实现方法，其特征在于：所述步骤B和步骤C中JavaScript库函数，该函数接受要绘制元素的内容、3D定位属性信息作为参数，判断元素的类型并选择调用不同的Canvas内建函数，并依据提供3D定位属性进行绘制，其中左右视图中的水平视差由深度信息参数通过线性对应关系计算得到。

7.一种用于实现权利要求1所述方法的系统，其特征在于：该系统包括：

3D网页解析器，主要由一系列JavaScript函数组成，能够根据3D对象的3D定位属性计算得到3D对象在左右视图中的位置；

3D传输格式处理器，将左右视图按照制定的传输格式绘制到最终的Canvas上。

8.根据权利要求7所述的系统，其特征在于:所述JavaScript函数接受要绘制元素的内容、3D定位属性信息作为参数，判断元素的类型并选择调用不同的Canvas内建函数，并依据提供3D的定位属性进行绘制，其中左右视图中的水平视差由深度信息参数通过线性对应关系计算得到。