[发明专利]一种页面元素的处理方法、设备及计算机可读存储介质

权利要求书

1.一种页面元素的处理方法，其特征在于，包括：

获得针对页面元素的操作事件；

基于所述操作事件对应的操作坐标，计算所述操作事件对所述页面元素进行处理产生的属性参数；

基于所述操作事件的事件类型，对所述属性参数进行层叠样式表三级转换处理，得到转换后的属性参数；

基于所述转换后的属性参数，对所述页面元素进行变形处理。

2.根据权利要求1中所述的方法，其特征在于，所述操作事件包括拖拽事件，所述基于所述操作事件对应的操作坐标，计算所述操作事件对所述页面元素进行处理产生的属性参数包括：

获得拖拽前所述页面元素的操作对象在页面上的第一坐标、和拖拽后所述操作对象在所述页面上的第二坐标；

将所述第一坐标、所述第二坐标和缩放比例代入如下计算公式，计算所述拖拽事件对所述页面元素进行处理产生的第一偏移量：所述第一偏移量表征为(xOffset1，yOffset1)，

xOffset1＝parseInt(clientX-this.clickLeft)/this.scale；

yOffset1＝parseInt(clientY-this.clickTop)/this.scale；其中，所述第一坐标表征为P1(this.clickLeft，this.clickTop)，所述第二坐标表征为P2(clientX，clientY)。

3.根据权利要求2所述的方法，其特征在于，所述基于所述操作事件的事件类型，对所述属性参数进行层叠样式表三级转换处理，得到转换后的属性参数，包括：

获得拖拽前所述页面元素的第二偏移量；

获得拖拽时所述页面元素的第一旋转角度；

将所述第一旋转角度除以预设角度并取余数，得到第二旋转角度；

基于第二偏移量、以及偏移量和旋转角度之间的映射关系，对所述第一偏移量进行层叠样式表三级转换处理，得到转换后的第三偏移量。

4.根据权利要求3所述的方法，其特征在于，所述预设角度为360度，所述第二偏移量表征为(xOffset2，yOffset2)、所述第一偏移量表征为(xOffset1，yOffset1)、所述第三偏移量表征为(xOffset3，yOffset3)、所述第二旋转角度表征为rotateDeg，所述基于第二偏移量、以及偏移量和旋转角度之间的映射关系，对所述第一偏移量进行层叠样式表三级转换处理，得到转换后的第三偏移量，包括：

当rotateDeg为0时：xOffset3＝xOffset2+xOffset1，yOffset3＝yOffset2+yOffset1；

当rotateDeg为-90或者270时：xOffset3＝yOffset2+xOffset1，yOffset3＝xOffset2-yOffset1；

当rotateDeg为-180或者180时：xOffset3＝xOffset2-xOffset1，yOffset3＝yOffset2-yOffset1；

当rotateDeg为90时：xOffset3＝yOffset2-xOffset1，yOffset3＝xOffset2+yOffset1。

5.根据权利要求1中所述的方法，其特征在于，所述操作事件包括缩放事件，所述基于所述操作事件对应的操作坐标，计算所述操作事件对所述页面元素进行处理产生的属性参数包括：

获得缩放前所述页面元素的第一缩放比例、缩放时所述页面元素的第二缩放比例和缩放前所述页面元素的宽以及高；

获得缩放时所述页面元素相对于页面的画布的第四偏移量；

获得缩放前所述页面元素的操作对象在页面上的第三坐标；

基于所述宽、所述高、所述第四偏移量、所述第一缩放比例和所述第二缩放比例，计算以所述第三坐标为中心对所述页面元素进行缩放的第五偏移量。