[发明专利]一种3D化2D网页显示的方法、装置及系统有效

专利信息
申请号: 201711483107.6 申请日: 2017-12-29
公开(公告)号: CN108197248B 公开(公告)日: 2021-07-16
发明(设计)人: 陈理;杨亚军 申请(专利权)人: 杭州联络互动信息科技股份有限公司
主分类号: G06F16/958 分类号: G06F16/958;G06T15/00
代理公司: 广东深宏盾律师事务所 44364 代理人: 孙利华
地址: 310000 浙江*** 国省代码: 浙江;33
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 一种 网页 显示 方法 装置 系统
【权利要求书】:

1.一种3D化2D网页显示的方法,其特征在于,包括:

S1.获取网页3D化的请求信息;

S2.对2D网页进行解析,分离出组成所述的2D网页的多个元素;

S3.确定所述的多个元素对应的不同的景深层次设定值,根据所述的多个元素与所确定出的对应的不同的景深层次设定值渲染出3D显示所需要的左眼视图和右眼视图中的一者,并根据原网页渲染出3D显示所需要的左眼视图和右眼视图中的另一者;

S4.将所述的左眼视图及右眼视图发往显示单元进行3D显示,

所述的步骤S2,具体包括:对所述的2D网页进行解析,分离出组成网页的多个元素,所述的多个元素包括:背景图、表格、文字、表单、图片、视频、按钮、选择框,

所述的步骤S3,具体包括:

S31.将所述的背景图设置为景深远端,进行入屏处理;

S32.将所述的表格、文字、表单保留2D网页的原始默认值,不作处理;

S33.将所述的图片、视频设置为景深次近端,进行微出屏处理;

S34.将所述的按钮、选择框设置为景深近端,进行大一些的出屏处理,浮在用户面前。

2.根据权利要求1所述的方法,其特征在于,所述步骤S3具体为:根据所述的多个元素与所确定出的对应的不同的景深层次设定值渲染出3D显示所需要的左眼视图,并根据所述的原网页渲染出3D显示所需要的右眼视图,其中,

所述的入屏处理,具体为:获取需要渲染的窗口的宽度,宽度的数值记为:W;

获取背景图区域的X方向上的坐标,数值记为:X1;

将所述的背景图区域在左眼视图中向左方向移动,移动量为K,获取新的X方向上的坐标R1数值,R1=X1-W×K,利用新的背景区域进行3D渲染,形成入屏显示,其中,K为移动位移量与所述宽度的百分比,K取值范围为1%~15%;

所述的微出屏处理,具体为:

获取需要渲染的窗口的宽度,宽度的数值记为:W;

获取图片、视频区域的X方向上的坐标,数值记为:X2;

将所述的图片、视频区域在左眼视图中向右方向移动,移动量为J,获取新的X方向上的坐标R2数值,R2=X2+W×J,利用新的图片、视频区域进行3D渲染,形成微出屏显示,其中,J为移动位移量与所述宽度的百分比,J取值范围为0.5%~10%;

所述的大一些的出屏处理,具体为:

获取需要渲染的窗口的宽度,宽度的数值记为:W;

获取按钮、选择框的X方向上的坐标,数值记为:X3;

将所述的按钮、选择框区域在左眼视图向右方向移动,移动量为G,获取新的X方向上的坐标R3数值,R3=X3+W×G,利用新的按钮、选择框区域进行3D渲染,形成大一些的出屏显示,其中,G为移动位移量与所述宽度的百分比,G取值范围为5%~20%,

其中,坐标的原点为窗口的左上角,以窗口的水平方向建立X轴,以窗口的垂直方向建立Y轴;各数值的单位均为像素数。

3.根据权利要求1至2任一项所述的方法,其特征在于,所述的景深层次设定值由用户自定义及实时控制。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于杭州联络互动信息科技股份有限公司,未经杭州联络互动信息科技股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201711483107.6/1.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top