[发明专利]页面图像关闭方法、装置、电子设备和存储介质

权利要求书

1.一种页面图像关闭方法，包括：

在获得关闭目标页面的指令后：

以目标页面关闭的目标位置为中心，通过层叠样式表CSS基于预定策略旋转和拉伸目标页面图像；

在所述目标页面图像的第一方向上的宽度小于等于预定收缩宽度后，通过所述CSS以所述目标位置为顶点缩短所述目标页面图像在第二方向上的宽度，直至在第二方向上的宽度小于等于目标关闭宽度，关闭所述目标页面图像；

其中，所述第一方向与所述第二方向垂直。

2.根据权利要求1所述的方法，其中，在获得关闭目标页面的指令后，还包括：

确定目标页面关闭的目标位置，所述目标位置包括预定位置、触发所述目标页面展开的触发位置、或所述目标页面归属类目在上一级页面上的展示位置。

3.根据权利要求1所述的方法，其中，基于预定策略旋转和拉伸目标页面图像包括：

以所述目标页面图像的一条边为轴，以预定速率翻转所述目标页面图像，且同步围绕在所述目标位置垂直于屏幕的方向的轴旋转所述目标页面图像；

在旋转过程中拉伸所述目标页面图像，以使所述目标页面图像从所述目标位置至远离所述目标位置的一侧逐渐放大。

4.根据权利要求1、2或3所述的方法，其中，所述基于预定策略旋转和拉伸目标页面图像包括：

调用第一CSS动画旋转和拉伸所述目标页面图像，使所述目标页面图像从初始状态渐变为第一阶段状态，所述第一阶段状态为目标页面图像的宽度达到预定第一宽度、所述目标页面图像旋转至预定第一角度的状态；

调用第二CSS动画旋转和拉伸所述目标页面图像，使所述目标页面图像从所述第一阶段状态渐变为第二阶段状态，所述第一阶段状态为目标页面图像的宽度收缩至预定收缩宽度的状态；

所述以所述目标位置为顶点缩短所述目标页面图像在第二方向上的宽度包括：

调用第三CSS动画缩短所述目标页面图像，使所述目标页面图像从所述第二阶段状态渐变为关闭状态。

5.根据权利要求1所述的方法，其中，通过配置CSS中的变形transform属性的透视perspective、旋转rotate和变形原点transform-origin参数来旋转、拉伸和缩短所述目标页面图像。

6.根据权利要求1、2或所述的方法，其中，将目标页面图像配置为在旋转和拉伸过程中溢出屏幕的内容不可见。

7.根据权利要求1所述的方法，其中，

所述基于预定策略旋转和拉伸目标页面的操作的持续时间为第一预定时长；

以所述目标位置为顶点缩短所述目标页面图像在第二方向上的宽度的持续时间为第二预定时长；

所述第一预定时长与所述第二预定时长之和为预定动画时长。

8.根据权利要求1所述的方法，其中，在获得关闭目标页面的指令后，还包括：

截取目标页面的当前界面图；

关闭所述目标页面，显示所述当前界面图作为所述目标页面图像以便执行旋转和拉伸目标页面图像的操作。

9.根据权利要求1所述的方法，其中，

所述第一方向为沿屏幕的纵向，所述第二方向为横向；或

所述第一方向为沿屏幕的横向，所述第二方向为纵向。

10.一种页面图像关闭装置，包括：

第一处理单元，被配置为以目标页面关闭的目标位置为中心，基于预定策略旋转和拉伸目标页面图像；

第二处理单元，被配置为在所述目标页面图像的第一方向上的宽度小于等于预定收缩宽度后，以所述目标位置为顶点缩短所述目标页面图像在第二方向上的宽度，直至在第二方向上的宽度小于等于目标关闭宽度，关闭所述目标页面图像；

其中，所述第一方向与所述第二方向垂直。