CN104424288A

CN104424288A - 一种网页的3d显示方法及装置

Info

Publication number: CN104424288A
Application number: CN201310390588.1A
Authority: CN
Inventors: 李法镜
Original assignee: Tencent Technology Shenzhen Co Ltd
Current assignee: Tencent Technology Shenzhen Co Ltd
Priority date: 2013-08-30
Filing date: 2013-08-30
Publication date: 2015-03-18
Anticipated expiration: 2033-08-30
Also published as: WO2015027864A1; CN104424288B

Abstract

本发明实施例公开了一种网页的3D显示方法及装置，其中所述网页的3D显示方法包括：完成访问网页的加载、解析和排版；根据3D操作指令所指示的网页内容在立体空间的姿态位置，对所述网页内容进行立体化渲染并显示。在本发明实施例中，通过在客户端将普通的访问网页中的网页内容进行3D渲染来实现网页的3D化处理，从而无需对现有网站进行改造即可实现用户浏览3D网页。

Description

一种网页的3D显示方法及装置

技术领域

本发明涉及计算机编程领域，更具体地说，涉及一种网页的3D显示方法及装置。

背景技术

3D网页是一种立体的三维展示技术，可以实现在Web浏览器上展现3D的对象。

为了实现上述目的，现有技术中的技术方案包括，将浏览器外观的层叠样式表CSS中的2D定位属性扩展为3D定位属性，从而可以控制呈现纵深感的3D网页的外观。其中，3D定位属性由2D定位属性和3D专用定位属性构成，3D专用定位属性可缺省；该方法包括的步骤有：

1）绘制3D左右视帧；

2）获取3D定位信息；

3）创建3D网页；

4）解析3D网页；

5）渲染3D网页的左右视帧；

6）处理3D传输格式。

由于上述现有技术中的技术方案需要网站重新定义CSS属性或重新创建3D网页，所以需要对现有网站进行较大的改造，才能为用户展示3D效果的网页。

发明内容

有鉴于此，本发明实施例提供了网页的3D显示方法及装置，以实现在客户端控制网页的显示方式的目的。

本发明实施例是这样实现的：

一种网页的3D显示方法，包括：

完成访问网页的加载、解析和排版；

根据3D操作指令所指示的网页内容在立体空间的姿态位置，对所述网页内容进行立体化渲染并显示。

优选的，在本发明实施例中，所述对所述网页内容进行立体化渲染并显示，包括：

利用3D编程接口对所述网页内容进行立体化渲染并显示。

优选的，在本发明实施例中，所述3D编程接口，包括：

OPEN GL或D3D编程接口。

优选的，在本发明实施例中，所述网页内容包括文字；

所述进行立体化渲染并显示，包括：

根据3D操作指令所指示的所述文字在立体空间的姿态位置，为文字生成预设大小和位置的、用于将所述文字立体化显示的轮廓；

渲染所述轮廓为预设色度。

优选的，在本发明实施例中，所述进行立体化渲染并显示，还包括：

光照效果和/或贴图效果渲染。

优选的，在本发明实施例中，所述预设色度与所述轮廓的大小和位置具有预设的对应关系。

优选的，在本发明实施例中，所述为文字生成预设大小和位置的、用于将所述文字立体化显示的轮廓，包括：

为文字预设包括Z轴参数的立体坐标属性；所述立体坐标属性用于表示所述文字在立体空间中各轴向的坐标；

根据所述3D操作指令所指示的所述文字在立体空间位置所对应的坐标，生成相应的Z轴参数值；

根据由所述Z轴参数值所对应的坐标位置所构成的轮廓渲染所述文字为预设色度。

优选的，在本发明实施例中，所述立体坐标属性还包括X轴和Y轴；

根据所述3D操作指令所指示的所述文字在立体空间位置所对应的坐标，生成相应的X轴参数值和Y轴参数值。

优选的，在本发明实施例中，所述网页内容包括图片；

所述根据3D操作指令所指示的网页内容在立体空间的姿态位置，将所述网页内容进行立体化渲染并显示，包括：

根据3D操作指令所指示的网页内容在立体空间的姿态位置，按照每个图片相对于其他图片的空间位置关系，设定每个图片的当前位置、倾斜度和相对大小。

优选的，在本发明实施例中，所述网页内容包括图片；

根据3D操作指令所指示的网页内容在立体空间的姿态位置，设定图片的倾斜度；

在所述图片的边框生成预设大小的、用于将所述图片立体化显示的轮廓。

优选的，在本发明实施例中，包括：

当所述网页包括多图层图片时，将每个图层的图片分别进行立体化渲染，并所述图片按照每个图层在DOM树的层次顺序层叠显示。

此外，在本发明实施例中，还提供了一种网页的3D显示装置，包括：

访问网页承载单元，用于完成访问网页的加载、解析和排版；

3D渲染显示单元，用于根据3D操作指令所指示的网页内容在立体空间的姿态位置，对所述网页内容进行立体化渲染并显示。

优选的，在本发明实施例中，所述3D渲染显示单元利用3D编程接口对所述网页内容进行立体化渲染并显示。

优选的，在本发明实施例中，所述3D编程接口，包括：

OPEN GL或D3D编程接口。

优选的，在本发明实施例中，所述网页内容包括文字；

所述3D渲染显示单元包括：

文字轮廓生成组件，用于根据3D操作指令所指示的所述文字在立体空间的姿态位置，为文字生成预设大小和位置的、用于将所述文字立体化显示的轮廓；

色度渲染组件，用于渲染所述轮廓为预设色度。

优选的，在本发明实施例中，所述3D渲染显示单元，还包括：

效果渲染组件，用于光照效果和/或贴图效果渲染。

优选的，在本发明实施例中，

所述预设色度与所述轮廓的大小和位置具有预设的对应关系。

优选的，在本发明实施例中，所述文字轮廓生成组件，包括：

立体坐标设定模块，用于为文字预设包括Z轴参数的立体坐标属性；所述立体坐标属性用于表示所述文字在立体空间中各轴向的坐标；

立体坐标参数值生成模块，用于根据所述3D操作指令所指示的所述文字在立体空间位置所对应的坐标，生成相应的Z轴参数值；

所述色度渲染组件用于根据由所述Z轴参数值所对应的坐标位置所构成的轮廓渲染所述文字为预设色度。

优选的，在本发明实施例中，

所述立体坐标属性还包括X轴和Y轴；

所述立体坐标参数值生成模块还用于根据所述3D操作指令所指示的所述文字在立体空间位置所对应的坐标，生成相应的X轴参数值和Y轴参数值。

优选的，在本发明实施例中，所述网页内容包括图片；

所述3D渲染显示单元包括：

图片调整组件，用于根据3D操作指令所指示的网页内容在立体空间的姿态位置，按照每个图片相对于其他图片的空间位置关系，设定每个图片的当前位置、倾斜度和相对大小。

优选的，在本发明实施例中，所述网页内容包括图片；

所述3D渲染显示单元包括：

图片修正组件，用于根据3D操作指令所指示的网页内容在立体空间的姿态位置，设定图片的倾斜度；

图片轮廓生成组件，用于在所述图片的边框生成预设大小的、用于将所述图片立体化显示的轮廓。

22、根据权利要求21中所述3D显示装置，其特征在于，包括：

多图层叠组件，用于当所述网页包括多图层图片时，将每个图层的图片分别进行立体化渲染，并所述图片按照每个图层在DOM树的层次顺序层叠显示

从上述的技术方案可以看出，在本发明实施例中，通过在客户端将普通的访问网页中的网页内容进行3D渲染来实现网页的3D化处理，由于通过本发明实施例中，无需对现有网站进行改造即可实现用户浏览3D网页，所以可以将现有的访问网页以3D的方式呈现给用户。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例中所述3D显示方法的流程示意图；

图2为本发明实施例中所述文字的显示效果示意图；

图3为本发明实施例中所述文字的又一显示效果示意图；

图4为本发明实施例中所述文字的又一显示效果示意图；

图5为本发明实施例中所述图片的显示效果示意图；

图6为本发明实施例中所述3D显示装置的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明实施例，提供了一种网页的3D显示方法，如图1所示，包括步骤：

S11、完成访问网页的加载、解析和排版；

本发明实施例的发明思路是，在客户端对现有的访问网页的处理，并为用户呈现3D效果，所以，网页的初期加载与现有的网页加载是一样的，比如，当用户访问淘宝网站时，在浏览器的地址栏可以像浏览普通网页一样输入网址“www.taobao.com”，浏览器对该网页进行常规的加载、解析和排版，从而将访问网页呈现与浏览器中。所述访问网页可以是2D的网页，也可以是3D的网页，当访问网页是2D的网页时，可以通过本申请将2D网页渲染为3D显示；当访问网页已经是3D的网页时，通过本申请可以增加原3D网页中所不具备的3D效果。

S12、根据3D操作指令所指示的网页内容在立体空间的姿态位置，对所述网页内容进行立体化渲染并显示。

网页内容在立体空间的姿态位置，是指网页内容3D化处理后，在立体空间的显示角度，显示厚度等将网页内容立体化的显示因素；以网页内容中，最常见的文字和图片为例，比如，可以通过为网页中的文字渲染不同大小的轮廓，可以将改文字显示为在立体空间不同的倾斜角度；或者，将网页中的图片进行不同角度的倾斜，以改变用户在立体空间对于该图片的视角。

此时，如果用户需要浏览3D的页面，可以通过相应的操作指令，即，3D操作指令来对当前的访问页面进行相应处理。在实际应用中，3D操作指令的启动可以多种方式实现，比如可以是镶嵌于浏览器界面的按钮、鼠标的右键操作项等，在此并不作限定。在实际应用中，实现本发明实施例中的3D显示方法可以通过浏览器插件的形式来实施，从而可以通过浏览器的交互界面接收3D操作指令，并利用现有的如OPEN GL、D3D编程接口等3D编程接口来对网页内容进行立体化渲染并加以显示。

具体的，以镶嵌于浏览器界面的按钮来进行3D操作指令的启动为例，可以在浏览器的操作栏增加“3D转换”这一操作按钮，用户通过这一按钮，即可启动将当前的网页内容进行3D化处理。

在通过3D操作指令来启动对当前的网页内容进行3D化处理时，可以根据用户预设的网页内容在立体空间的姿态位置来设定；比如，用户可以通过预先设定进行3D化处理后的网页内容在立体空间的姿态位置，可以包括3D渲染后网页中文字的轮廓的大小、轮廓的色度等；此外，网页内容在立体空间的姿态位置还可以包括3D渲染后网页中图片的倾斜度、倾斜方式等。

本发明实施例中，3D操作指令不但包括启动将当前的访问网页进行静态3D化渲染，还可以用于根据用户的操作来对网页内容在立体空间的姿态位置进行调整，比如，可以设定当用户的鼠标左键按下时，拖动鼠标的位移可以将网页上的内容进行空间上的姿态调整，让用户感觉有着相应的视角变化。

具体的，当网页内容为文字时，可以为：

如图2至图4所示，根据3D操作指令所指示的文字在立体空间的姿态位置，为文字生成相应大小和位置的、用于将文字立体化显示的轮廓；渲染所述轮廓为相应色度。图2中，为文字的原始姿态和显示方式，图3为文字贴覆轮廓后的效果，图4中，虚线框图01和虚线框图02中所表示的部分即是为文字生成的轮廓。

文字的轮廓的大小和位置可以体现文字的倾斜度，所以需要根据用户的根据3D操作指令，来修正轮廓的大小和位置；

此外，进一步的，预设色度还可以与轮廓的大小和位置具有预设的对应关系，即，轮廓的色度也可以根据轮廓的大小和位置进行相应的修正，从而能够更加逼真的体现文字在立体空间的姿态变化。比如，当轮廓变大，文字显得更加倾斜的时候，轮廓的特定位置（体现网页内容接受光线的一面）的色度就可以相应的变浅，以体现文字的反光效果。此外，进行立体化渲染还可以包括贴图效果，比如，通过为网页内容增加底色的方式来突出网页内容的立体效果。

在本发明实施例中，用于将文字立体化的轮廓的具体设置样式和色度，本领域人员通过现有技术中已有的立体文字的表现形式是完全可以借鉴实现的，再次并不做具体的限定。

通过上述描述可以得知，在本发明实施例中，通过在客户端对现有的访问网页中的网页内容进行3D渲染，从而不需要对现有的提供访问网页的网站做任何的改动即可实现网页的3D化，从而节省了对现有网站的改造，提高了3D浏览时对现有网站的兼容性。此外，即使当前访问网页为3D网页，也可以方便的通过本申请来增加原网页所不具有的3D效果。

进一步的，在本发明实施例中，为文字生成预设大小的、用于将文字立体化显示的轮廓，如图5所示，具体可以包括：

S21、为文字预设包括Z轴参数的立体坐标属性；立体坐标属性用于表示文字在立体空间中各轴向的坐标；

S22、根据3D操作指令所指示的文字在立体空间位置所对应的坐标，生成相应的Z轴参数值；

S23、根据Z轴参数值所对应的坐标位置渲染所述文字为预设色度。

在立体坐标中，X轴和Y轴分别用于定位物体在平面的位置，此外，通过设有Z轴来定位物体在空间中的位置。

为此，在本发明实施例中，通过为网页中的文字预设包括了Z轴参数的立体坐标属性，来表示文字的空间位置，具体的，文字在Z轴数值的大小就可以提现文字的倾斜度，即，Z值越大为文字贴覆的轮廓也就越大；这样就可以根据3D操作指令而不断的改变Z轴数值，进行相应的3D效果渲染，从而相应的调整文字在立体空间的姿态位置；

进一步的，在本发明实施例中，能够根据3D操作指令进行修正的立体坐标属性还包括有还包括X轴的参数值和Y轴的参数值；在实际应用中，为了能够更好的提现文字的倾斜效果，还可以将文字的X轴和Y轴的数值进行相应的调整，比如左右倾斜的文字应该减少X轴的数值，以使得文字变得更瘦一些；当然，X轴和Y轴的相应变化方式也是本领域人员可以通过本领域的常识获得的，在此并不作限定。

在本发明的另一实施例中，网页内容还可以为图片，此时，根据3D操作指令所指示的网页内容在立体空间的姿态位置，将所述网页内容进行立体化渲染并显示，包括：

如图5所示，多个同时显示的图片可以通过每个图片的当前位置、倾斜度和相对大小来体现图片与显示器前用户的远近关系和立体姿态，为此，在本发明实施例中，根据3D操作指令，可以对图片的进行相应的渲染处理从而可以使网页中的图片立体化。图5中，图片根据其位置的不同，具有不同的倾斜角度，以达到图片站立的立体效果；此外，立体效果还包括远近的效果，比如，图片11在上面且显示为相对较小，从而达到了在视觉上远离用户的效果，而图片12在下面且显示为相对小大，从而达到了在视觉上靠近用户的效果。

此外，对于单独的图片，可以通过3D操作指令，将图片的倾斜度与同一网页中的其他内容渲染为一致，即，根据3D操作指令所指示的网页内容在立体空间的姿态位置，设定图片的倾斜度；为了突出图片的立体化效果，还可以在图片的边框生成预设大小的轮廓。

进一步的，由于在很多时候，网页中的图片可以是多图层的，为了表示每个图层的上下层间关系，在本发明实施例中，还可以在当网页包括多图层图片时，将每个图层分别进行立体化渲染，并将图片按照每个图层在DOM树的层次顺序层叠显示。这样，就可以将图片中的多图层按照远近的方式呈现给用户，在网页中，越是靠近DOM树顶层的图层，显示效果中的离用户眼睛的距离越远。

在本发明的另一实施例中，还提供了一种网页的3D显示装置，如图6所示，包括：

访问网页承载单元11，用于完成访问网页的加载、解析和排版；3D渲染显示单元12，用于根据3D操作指令所指示的网页内容在立体空间的姿态位置，对所述网页内容进行立体化渲染并显示。

在本发明实施例中，网页的3D显示装置是加载于用户终端的，可以以浏览器的附加装置的形式体现。本发明实施例的发明思路是，在客户端通过3D显示装置，对现有的访问网页进行处理，从而为用户呈现3D效果。

在实际应用中，可以先通过访问网页承载单元11与现有技术相同的方式加载现有的访问网页，比如，当用户访问淘宝网站时，在浏览器的地址栏可以像浏览普通网页一样输入网址“www.taobao.com”后，对该网页进行常规的加载、解析和排版，从而将访问网页呈现与浏览器中。

接着，当用户需要将该网页以3D形式显示时，可以通过输入3D操作指令来控制3D渲染显示单元12，使3D渲染显示单元12根据3D操作指令所指示的网页内容在立体空间的姿态位置，对所述网页内容进行立体化渲染并显示。在实际应用中，3D操作指令的启动可以多种方式实现，比如可以是镶嵌于浏览器界面的按钮、鼠标的右键操作项等，在此并不作限定。在实际应用中，可以利用现有的如OPEN GL、D3D编程接口等3D编程接口来对网页内容进行立体化渲染并加以显示。

在通过3D操作指令来启动对当前的网页内容进行3D化处理时，可以根据用户预设的网页内容在立体空间的姿态位置来设定；比如，用户可以通过预先设定进行3D化处理后的网页内容在立体空间的姿态位置，可以包括3D 渲染后网页中文字的轮廓的大小、轮廓的色度等；此外，网页内容在立体空间的姿态位置还可以包括3D渲染后网页中图片的倾斜度、倾斜方式等。

具体的，网页内容可以包括文字；此时3D渲染显示单元12包括：文字轮廓生成组件，用于根据3D操作指令所指示的文字在立体空间的姿态位置，为文字生成预设大小和位置的、用于将文字立体化显示的轮廓；色度渲染组件，用于渲染所述轮廓为预设色度。

如图2至图4所示，根据3D操作指令所指示的文字在立体空间的姿态位置，文字轮廓生成组件可以为文字生成相应大小和位置的、用于将文字立体化显示的轮廓；以及，色度渲染组件也可以渲染该轮廓为相应色度。图2中，为文字的原始姿态和显示方式，图3为文字贴覆轮廓后的效果，图4中，虚线框图01和虚线框图02中所表示的部分即是为文字生成的轮廓。

此外，预设色度还可以与轮廓的大小和位置具有预设的对应关系，即，轮廓的色度也可以根据轮廓的大小和位置进行相应的修正，从而能够更加逼真的体现文字在立体空间的姿态变化。比如，当轮廓变大，文字显得更加倾斜的时候，轮廓的特定位置（体现网页内容接受光线的一面）的色度就可以相应的变浅，以体现文字的反光效果。

进一步的，3D渲染显示单元12，还可以包括效果渲染组件，用于光照效果和/或贴图效果渲染。比如，可以通过为网页内容增加底色的方式来突出网页内容的立体效果。

进一步的，在本发明实施例中，文字轮廓生成组件，具体可以是包括：

立体坐标设定模块，用于为文字预设包括Z轴参数的立体坐标属性；立体坐标属性用于表示文字在立体空间中各轴向的坐标；

立体坐标参数值生成模块，用于根据3D操作指令所指示的文字在立体空间位置所对应的坐标，生成相应的Z轴参数值；

此时，色度渲染组件的作用具体就可以是根据由Z轴参数值所对应的坐标位置所构成的轮廓渲染文字为预设色度。

为此，在本发明实施例中，通过立体坐标设定模块可以为网页中的文字预设包括了Z轴参数的立体坐标属性，然后通过立体坐标参数值生成模块所生成相应的Z轴参数值来表示文字的空间位置，具体的，文字在Z轴数值的大小就可以提现文字的倾斜度，即，Z值越大为文字贴覆的轮廓也就越大；这样就可以根据3D操作指令而不断的改变Z轴数值，进行相应的3D效果渲染，从而相应的调整文字在立体空间的姿态位置；

进一步的，在本发明实施例中，能够根据3D操作指令进行修正的立体坐标属性还包括有还包括X轴的参数值和Y轴的参数值，即，立体坐标属性还包括X轴和Y轴；立体坐标参数值生成模块还用于根据3D操作指令所指示的文字在立体空间位置所对应的坐标，生成相应的X轴参数值和Y轴参数值。

在实际应用中，为了能够更好的提现文字的倾斜效果，还可以将文字的X轴和Y轴的数值进行相应的调整，比如左右倾斜的文字应该减少X轴的数值，以使得文字变得更瘦一些；当然，X轴和Y轴的相应变化方式也是本领域人员可以通过本领域的常识获得的，在此并不作限定。

在本发明的另一实施例中，网页内容还可以为图片，此时，

多个同时显示的图片可以通过图片调整组件，调整每个图片的当前位置、倾斜度和相对大小来体现图片与显示器前用户的远近关系和立体姿态，从而可以使网页中的图片立体化。图5中，图片根据其位置的不同，具有不同的倾斜角度，以达到图片站立的立体效果；此外，立体效果还包括远近的效果，比如，图片11在上面且显示为相对较小，从而达到了在视觉上远离用户的效果，而图片12在下面且显示为相对小大，从而达到了在视觉上靠近用户的效果。

此外，3D渲染显示单元12还可以包括图片修正组件，用于根据3D操作指令所指示的网页内容在立体空间的姿态位置，设定图片的倾斜度；图片轮廓生成组件，用于在图片的边框生成预设大小的、用于将图片立体化显示的轮廓。

对于单独的图片，图片修正组件可以根据3D操作指令，将图片的倾斜度与同一网页中的其他内容渲染为一致，即，根据3D操作指令所指示的网页内容在立体空间的姿态位置，设定图片的倾斜度；为了突出图片的立体化效果，图片轮廓生成组件还可以在图片的边框生成预设大小的轮廓。

进一步的，由于在很多时候，网页中的图片可以是多图层的，为了表示每个图层的上下层间关系，在本发明实施例中，所述3D渲染显示单元12还可以包括多图层叠组件，在当网页包括多图层图片时，图层叠组件将每个图层分别进行立体化渲染，并将图片按照每个图层在DOM树的层次顺序层叠显示。这样，就可以将图片中的多图层按照远近的方式呈现给用户，在网页中，越是靠近DOM树顶层的图层，显示效果中的离用户眼睛的距离越远。

本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。

对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims

1.一种网页的3D显示方法，其特征在于，包括：

完成访问网页的加载、解析和排版；

2.根据权利要求1中所述3D显示方法，其特征在于，所述对所述网页内容进行立体化渲染并显示，包括：

利用3D编程接口对所述网页内容进行立体化渲染并显示。

3.根据权利要求2中所述3D显示方法，其特征在于，所述3D编程接口，包括：

OPEN GL或D3D编程接口。

4.根据权利要求1中所述3D显示方法，其特征在于，所述网页内容包括文字；

所述进行立体化渲染并显示，包括：

渲染所述轮廓为预设色度。

5.根据权利要求4中所述3D显示方法，其特征在于，所述进行立体化渲染并显示，还包括：

光照效果和/或贴图效果渲染。

6.根据权利要求5中所述3D显示方法，其特征在于，

7.根据权利要求4中所述3D显示方法，其特征在于，所述为文字生成预设大小和位置的、用于将所述文字立体化显示的轮廓，包括：

8.根据权利要求7中所述3D显示方法，其特征在于，

所述立体坐标属性还包括X轴和Y轴；

9.根据权利要求1中所述3D显示方法，其特征在于，所述网页内容包括图片；

10.根据权利要求1中所述3D显示方法，其特征在于，所述网页内容包括图片；

11.根据权利要求10中所述3D显示方法，其特征在于，包括：

12.一种网页的3D显示装置，其特征在于，包括：

13.根据权利要求12中所述3D显示装置，其特征在于，所述3D渲染显示单元利用3D编程接口对所述网页内容进行立体化渲染并显示。

14.根据权利要求13中所述3D显示装置，其特征在于，所述3D编程接口，包括：

OPEN GL或D3D编程接口。

15.根据权利要求12中所述3D显示装置，其特征在于，所述网页内容包括文字；

所述3D渲染显示单元包括：

色度渲染组件，用于渲染所述轮廓为预设色度。

16.根据权利要求15中所述3D显示装置，其特征在于，所述3D渲染显示单元，还包括：

效果渲染组件，用于光照效果和/或贴图效果渲染。

17.根据权利要求16中所述3D显示装置，其特征在于，

18.根据权利要求15中所述3D显示装置，其特征在于，所述文字轮廓生成组件，包括：

19.根据权利要求18中所述3D显示装置，其特征在于，还包括：

所述立体坐标属性还包括X轴和Y轴；

20.根据权利要求12中所述3D显示装置，其特征在于，所述网页内容包括图片；

所述3D渲染显示单元包括：

21.根据权利要求12中所述3D显示装置，其特征在于，所述网页内容包括图片；

所述3D渲染显示单元包括：

22.根据权利要求21中所述3D显示装置，其特征在于，所述3D渲染显示单元还包括：

多图层叠组件，用于当所述网页包括多图层图片时，将每个图层的图片分别进行立体化渲染，并所述图片按照每个图层在DOM树的层次顺序层叠显示。