实现固定背景下文案定位与大小适配各种窗口大小的方法与流程

本发明属于应用能力-智慧城市领域，尤其是涉及一种实现固定背景下文案定位与大小适配各种窗口大小的方法。

背景技术：

1、在日常开发中，会遇到这样一种需求，固定背景图，背景图上方某处是项目名称，由于考虑到产品化以及配置话，这个项目名称为可配置，但是项目长度不定，所以不能让设计同事直接出带项目名称的图，这就要求前端根据固定窗口下的文案大小与位置来根据窗口变动，动态计算文案字体大小与定位位置，以保证文案永远在背景图指定位置。

技术实现思路

1、有鉴于此，本发明旨在提出一种实现固定背景下文案定位与大小适配各种窗口大小的方法，以解决上述现有技术的不足。

2、为达到上述目的，本发明的技术方案是这样实现的：

3、一种实现固定背景下文案定位与大小适配各种窗口大小的方法，包括业务系统，基于业务系统的文案定位与大小适配各种窗口大小的方法包括以下步骤：

4、s1、设置初始固定窗口下文案定位位置及字体大小；

5、s2、监听窗口resize事件；

6、s3、当resize事件触发后，动态改变字体大小及定位位置；

7、s4、实现最新的文案。

8、进一步的，在步骤s2中，使用监听逻辑对窗口resize事件进行监听。

9、进一步的，在步骤s3中，resize事件触发后，动态改变字体大小及定位位置，包括以下步骤：

10、s31、按照变化后的尺寸与初始尺寸做比较，得出变化比例；

11、s32、根据变化比例设置项目名称文案的字体大小及定位偏移位置。

12、进一步的，所述resize事件是在浏览器窗口大小发生变化时触发。

13、进一步的，所述业务系统包括初始设置模块、监听模块和配置模块，所述初始设置模块用于设置初始固定窗口下文案定位位置及字体大小；所述监听模块用于监听窗口resize事件；所述配置模块用于当resize事件触发后，动态改变字体大小及定位位置。

14、相对于现有技术，本发明所述的实现固定背景下文案定位与大小适配各种窗口大小的方法具有以下优势：

15、本发明所述的实现固定背景下文案定位与大小适配各种窗口大小的方法，使用本方法后，可以在任意大小窗口中，可以任意配置项目名称，并且可以使得项目名称在初始设置的指定位置，本方法主要使用监听逻辑对窗口resize事件进行监听，监听窗口改变后，按照变化后的尺寸与初始尺寸做比较，得出变化比例，根据变化比例设置项目名称文案的字体大小及定位偏移位置，最终使得文案在任意窗口下都在指定位置。

技术特征：

1.实现固定背景下文案定位与大小适配各种窗口大小的方法，其特征在于：包括业务系统，基于业务系统的文案定位与大小适配各种窗口大小的方法包括以下步骤：

2.根据权利要求1所述的实现固定背景下文案定位与大小适配各种窗口大小的方法，其特征在于：在步骤s2中，使用监听逻辑对窗口resize事件进行监听。

3.根据权利要求1所述的实现固定背景下文案定位与大小适配各种窗口大小的方法，其特征在于：在步骤s3中，resize事件触发后，动态改变字体大小及定位位置，包括以下步骤：

4.根据权利要求1所述的实现固定背景下文案定位与大小适配各种窗口大小的方法，其特征在于：所述resize事件是在浏览器窗口大小发生变化时触发。

5.根据权利要求1所述的实现固定背景下文案定位与大小适配各种窗口大小的方法，其特征在于：所述业务系统包括初始设置模块、监听模块和配置模块，所述初始设置模块用于设置初始固定窗口下文案定位位置及字体大小；所述监听模块用于监听窗口resize事件；所述配置模块用于当resize事件触发后，动态改变字体大小及定位位置。

6.一种电子设备，包括处理器以及与处理器通信连接，且用于存储所述处理器可执行指令的存储器，其特征在于：所述处理器用于执行上述权利要求1-5任一所述的实现固定背景下文案定位与大小适配各种窗口大小的方法。

7.一种服务器，其特征在于：包括至少一个处理器，以及与所述处理器通信连接的存储器，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述处理器执行，以使所述至少一个处理器执行如权利要求1-5任一所述的实现固定背景下文案定位与大小适配各种窗口大小的方法。

8.一种计算机可读取存储介质，存储有计算机程序，其特征在于：所述计算机程序被处理器执行时实现权利要求1-5任一所述的实现固定背景下文案定位与大小适配各种窗口大小的方法。

技术总结
本发明提供了一种实现固定背景下文案定位与大小适配各种窗口大小的方法，包括以下步骤：设置初始固定窗口下文案定位位置及字体大小；监听窗口resize事件；当resize事件触发后，动态改变字体大小及定位位置；实现最新的文案。本发明有益效果：使用本方法后，可以在任意大小窗口中，可以任意配置项目名称，并且可以使得项目名称在初始设置的指定位置，本方法主要使用监听逻辑对窗口resize事件进行监听，监听窗口改变后，按照变化后的尺寸与初始尺寸做比较，得出变化比例，根据变化比例设置项目名称文案的字体大小及定位偏移位置，最终使得文案在任意窗口下都在指定位置。

技术研发人员：陈标
受保护的技术使用者：紫光云技术有限公司
技术研发日：
技术公布日：2024/1/16