一种html页面的弹层缩放展示方法、装置及设备与流程

技术特征：
1.一种html页面的弹层缩放展示方法，其特征在于，包括：确定弹层缩放的起始位置；确定弹层缩放的最终位置；根据所述起始位置和所述最终位置，利用浏览器内置属性transition展示弹层缩放动画。2.如权利要求1所述的方法，其特征在于，所述确定弹层缩放的起始位置，包括：根据用户对html页面中dom元素节点的点击操作，确定被点击的dom元素节点的位置，以作为弹层缩放的起始位置。3.如权利要求1所述的方法，其特征在于，所述确定弹层缩放的最终位置，包括：通过读取html页面的源代码，确定弹层缩放的最终位置。4.如权利要求1所述的方法，其特征在于，在所述根据所述起始位置和所述最终位置，利用浏览器内置属性transition展示弹层缩放动画之前，还包括：确定弹层的展示大小，所述展示大小包括高度和宽度。5.如权利要求1所述的方法，其特征在于，所述根据所述起始位置和所述最终位置，利用浏览器内置属性transition展示弹层缩放动画，包括：创建按钮，并为所述按钮绑定弹层展开事件和弹层缩回事件；在弹层不存在时，响应于用户对所述按钮的点击操作，根据所述起始位置和所述最终位置，利用浏览器内置属性transition展示弹层展开动画；在弹层存在时，响应于用户对所述按钮的点击操作，根据所述起始位置和所述最终位置，利用浏览器内置属性transition展示弹层缩回动画。6.如权利要求1所述的方法，其特征在于，所述根据所述起始位置和所述最终位置，利用浏览器内置属性transition展示弹层缩放动画，包括：根据所述起始位置和所述最终位置计算弹层的位置偏移量，根据所述位置偏移量，利用浏览器内置属性transition展示弹层缩放动画。7.如权利要求1所述的方法，其特征在于，所述根据所述起始位置和所述最终位置，利用浏览器内置属性transition展示弹层缩放动画，包括：在预设时间内，根据屏幕刷新率、所述起始位置和所述最终位置，利用浏览器内置属性transition展示弹层缩放动画。8.一种html页面的弹层缩放展示装置，其特征在于，包括：起始位置确定模块，用于确定弹层缩放的起始位置；最终位置确定模块，用于确定弹层缩放的最终位置；展示模块，用于根据所述起始位置和所述最终位置，利用浏览器内置属性transition展示弹层缩放动画。9.一种html页面的弹层缩放展示设备，其特征在于，包括：存储器：用于存储计算机程序；处理器：用于执行所述计算机程序，以实现如权利要求1至7任意一项所述的html页面的弹层缩放展示方法。10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时用于实现如权利要求1至7任意一项所述的html页面
的弹层缩放展示方法。

技术总结
本申请公开了一种html页面的弹层缩放展示方法，包括：确定弹层缩放的起始位置；确定弹层缩放的最终位置；根据起始位置和最终位置，利用浏览器内置属性transition展示弹层缩放动画。可见，该方法实现了基于html页面内任意元素位置展现弹层缩放动画的目的，且利用浏览器内置属性transition展示弹层缩放动画，能更好的利用计算机的GPU加速渲染，减轻计算机计算压力，用户体验效果流畅。此外，本申请还提供了一种html页面的弹层缩放展示装置、设备及计算机可读存储介质，其技术效果与上述方法的技术效果相对应。术效果相对应。术效果相对应。


技术研发人员：汪倩 范渊 黄进
受保护的技术使用者：杭州安恒信息技术股份有限公司
技术研发日：2021.09.17
技术公布日：2021/12/3