[发明专利]一种立方体显示方法及装置

说明书

本发明公开了一种立方体显示方法及装置。所述方法包括：接收在屏幕上对立方体结构中至少一个面的选定操作；获取所要插入到所述至少一个面的动画的链接地址；将所述链接地址添加到所述立方体结构的css3动画属性中；根据所述css3动画属性将所述动画插入到所述立方体结构的至少一个面。

技术领域

本发明涉及计算机技术领域，尤其涉及一种立方体显示方法及装置。

背景技术

现有技术中，在终端的展示类应用程序中，可以以立方体形式进行立体效果的项目展示。但是，现有技术的立方体展示多应用在电脑端，作为单调的立方体展示，缺乏应用性；特别容易出现用户滑动一次，滚动多个面的现象；而且在立方体的上、下面添加图片时，会出现多余留白，不美观；立方体的每个面也不能再嵌套动画，用户体验度较差。

发明内容

为克服相关技术中存在的问题，本发明实施例提供一种立方体显示方法及装置。

一种立方体显示方法，包括：

接收在屏幕上对立方体结构中至少一个面的选定操作；

获取所要插入到所述至少一个面的动画的链接地址；

将所述链接地址添加到所述立方体结构的css3动画属性中；

根据所述css3动画属性将所述动画插入到所述立方体结构的至少一个面。

可选的，所述方法还包括：

接收在屏幕上的滑动操作；

获取所述滑动操作的滑动距离和滑动路径；

根据所述滑动距离和滑动路径计算所述立方体结构的css3旋转属性值和css3位移属性值；

根据所述css3旋转属性和css3位移属性控制所述立方体结构进行旋转和/或位移。

可选的，所述方法还包括：

接收在屏幕上对立方体结构中一个面的选定操作；

当接收到对所述选定的面的擦除操作时，根据所述擦除操作修改所述立方体结构的html5蒙版属性值；

根据所述修改后的html5蒙版属性值将所述选定的面的当前图层消除。

可选的，所述方法还包括：

当所述立方体结构旋转时，根据所述css3旋转属性和css3位移属性修改所述立方体结构每个面的css3透明度属性；

根据所述css3透明度属性调整所述立方体结构每个面的显示透明度。

一种立方体显示装置，包括：

接收模块，用于接收在屏幕上对立方体结构中至少一个面的选定操作；

第一获取模块，用于获取所要插入到所述至少一个面的动画的链接地址；

添加模块，用于将所述链接地址添加到所述立方体结构的css3动画属性中；

插入模块，用于根据所述css3动画属性将所述动画插入到所述立方体结构的至少一个面。

可选的，所述装置还包括：第二获取模块，计算模块和控制模块，

所述接收模块，用于接收在屏幕上的滑动操作；

第二获取模块，用于获取所述滑动操作的滑动距离和滑动路径；

计算模块，用于根据所述滑动距离和滑动路径计算所述立方体结构的css3旋转属性值和css3位移属性值；

控制模块，用于根据所述css3旋转属性和css3位移属性控制所述立方体结构进行旋转和/或位移。