【技术实现步骤摘要】
本专利技术涉及计算机，尤其涉及一种背景图片的显示方法、装置、电子设备及存储介质。
技术介绍
1、当前的pc(personal computer，个人计算机)端软件越来越注重用户体验，对软件的界面、弹窗等的美观要求也越来越高，通过设置不同的皮肤或者背景图片来满足用户对美观的需求。
2、然而，针对不同尺寸的计算机显示屏幕，软件的界面、弹窗等的显示尺寸各不相同；为了提高用户体验，软件设计成用户能够自行调节界面、弹窗的尺寸；聊天框、标签等也会根据文字内容的长度调整尺寸。
3、在pc端软件的开发环节中，通过将背景图片配置为九宫格图，设置只拉伸除四个角以外的5张图片，实现背景图片随着界面、弹窗、聊天框等尺寸发生变化时，背景图片的图案大小能够维持原始大小，避免拉伸变形。背景图片的剪切需要美术设计人员使用软件去完成，并且需要在软件的服务端后台配置上传9张切图或者完整压缩包，大大增加了工作量和复杂度。上传的图片还需要标注哪张图片对应哪个位置，哪张图片需要进行拉伸，软件的可维护性能较差，容易出错。
技术实现思路
1、本专利技术提供一种背景图片的显示方法、装置、电子设备及存储介质，用以解决现有技术中需要手动将背景图片切图提前上传服务端后台配置的缺陷。
2、本专利技术提供一种背景图片的显示方法，包括：
3、获取目标显示界面的尺寸信息，确定第一背景图片的目标显示尺寸；
4、获取所述第一背景图片的预设像素点；
5、根据所述目标显示尺寸，将
6、将所述第二背景图片渲染成所述目标显示界面的背景，显示渲染后的目标显示界面。
7、根据本专利技术提供的一种背景图片的显示方法，所述根据所述目标显示尺寸，将所述预设像素点所在的像素列沿水平方向进行拉伸，和/或，将所述预设像素点所在的像素行沿垂直方向进行拉伸，生成第二背景图片，包括：
8、根据所述第一背景图片的原始尺寸和所述目标显示尺寸，计算出水平偏移量和垂直偏移量；
9、如果所述水平偏移量大于零，将所述预设像素点所在的像素列沿水平方向拉伸，生成所述第二背景图片；
10、如果所述垂直偏移量大于零，将所述预设像素点所在的像素行沿垂直方向拉伸，生成所述第二背景图片；
11、如果所述水平偏移量和所述垂直偏移量均大于零，将所述预设像素点所在的像素列沿水平方向拉伸以及将所述预设像素点所在的像素行沿垂直方向拉伸，生成所述第二背景图片。
12、根据本专利技术提供的一种背景图片的显示方法，所述如果所述水平偏移量大于零，将所述预设像素点所在的像素列沿水平方向拉伸，生成所述第二背景图片，包括：
13、如果所述水平偏移量大于零，对所述第一背景图片进行裁剪，得到左侧区域、所述像素列以及右侧区域；
14、根据所述水平偏移量将所述像素列沿水平方向进行拉伸，得到第一拉伸区域；
15、将所述左侧区域、所述第一拉伸区域以及所述右侧区域进行拼接，生成所述第二背景图片。
16、根据本专利技术提供的一种背景图片的显示方法，所述如果所述垂直偏移量大于零，将所述预设像素点所在的像素行沿垂直方向拉伸，生成所述第二背景图片，包括：
17、如果所述垂直偏移量大于零，对所述第一背景图片进行裁剪，得到上侧区域、所述像素行以及下侧区域；
18、根据所述垂直偏移量将所述像素行沿垂直方向进行拉伸，得到第二拉伸区域；
19、将所述上侧区域、所述第二拉伸区域以及所述下侧区域进行拼接，生成所述第二背景图片。
20、根据本专利技术提供的一种背景图片的显示方法，所述如果所述水平偏移量和所述垂直偏移量均大于零，将所述预设像素点所在的像素列沿水平方向拉伸以及将所述预设像素点所在的像素行沿垂直方向拉伸，生成所述第二背景图片，包括：
21、如果所述水平偏移量和所述垂直偏移量均大于零，将所述第一背景图片进行裁剪，得到左上区域、右上区域、左下区域、右下区域、所述预设像素点、第一子像素列、第二子像素列、第一子像素行、第二子像素行；
22、根据所述水平偏移量将所述第一子像素列、所述第二子像素列沿水平方向进行拉伸，得到第三拉伸区域；
23、根据所述垂直偏移量将所述第二子像素行、所述第二子像素行沿垂直方向进行拉伸，得到第四拉伸区域；
24、根据所述水平偏移量和所述垂直偏移量将所述预设像素点沿水平方向和垂直方向进行拉伸，得到第五拉伸区域；
25、将所述左上区域、所述右上区域、所述左下区域、所述右下区域、所述第三拉伸区域、所述第四拉伸区域以及所述第五拉伸区域进行拼接，生成所述第二背景图片。
26、根据本专利技术提供的一种背景图片的显示方法，所述目标显示界面为软件应用界面、弹窗界面、聊天气泡中的任意一种。
27、根据本专利技术提供的一种背景图片的显示方法，所述目标显示界面的尺寸信息是根据显示屏幕的尺寸信息、用户自定义设置的所述目标显示界面的尺寸参数或者所述目标显示界面所填充的文字内容的长度所确定的。
28、本专利技术还提供一种背景图片的显示装置，包括：
29、确定模块，用于获取目标显示界面的尺寸信息，确定第一背景图片的目标显示尺寸；
30、获取模块，用于获取所述第一背景图片的预设像素点；
31、拉伸模块，用于根据所述目标显示尺寸，将所述预设像素点所在的像素列沿水平方向进行拉伸，和/或，将所述预设像素点所在的像素行沿垂直方向进行拉伸，生成第二背景图片；
32、显示模块，用于将所述第二背景图片渲染成所述目标显示界面的背景，显示渲染后的目标显示界面。
33、本专利技术还提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如上述任一种所述背景图片的显示方法。
34、本专利技术还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如上述任一种所述背景图片的显示方法。
35、本专利技术提供的一种背景图片的显示方法、装置、电子设备及存储介质，通过获取pc端软件的目标显示界面的尺寸信息，确定第一背景图片的显示尺寸，以第一背景图片的一个预设像素点为基准，将所在的像素列或者像素行进行水平或者垂直拉伸，使得拉伸后生成的图片能够满足显示尺寸的同时，非拉伸区域的图案不会变形，渲染成目标显示界面的背景。这样，pc端软件可以直接使用通用格式的图片，完成图片的局部拉伸，实现了背景图片自动拉伸适配显示界面，在开发环节时，无需美术设计人员将背景图片手动剪切5张或者9张切图，也无需在服务端后台配置上传多张切图，有效提高开发效率，节约服务端的空间资源。此外，能够实现用户根据个人需求喜好更换pc端软件的显示界面的背景图片。
本文档来自技高网...【技术保护点】
1.一种背景图片的显示方法，其特征在于，包括：
2.根据权利要求1所述的背景图片的显示方法，其特征在于，所述根据所述目标显示尺寸，将所述预设像素点所在的像素列沿水平方向进行拉伸，和/或，将所述预设像素点所在的像素行沿垂直方向进行拉伸，生成第二背景图片，包括：
3.根据权利要求2所述的背景图片的显示方法，其特征在于，所述如果所述水平偏移量大于零，将所述预设像素点所在的像素列沿水平方向拉伸，生成所述第二背景图片，包括：
4.根据权利要求2所述的背景图片的显示方法，其特征在于，所述如果所述垂直偏移量大于零，将所述预设像素点所在的像素行沿垂直方向拉伸，生成所述第二背景图片，包括：
5.根据权利要求2所述的背景图片的显示方法，其特征在于，所述如果所述水平偏移量和所述垂直偏移量均大于零，将所述预设像素点所在的像素列沿水平方向拉伸以及将所述预设像素点所在的像素行沿垂直方向拉伸，生成所述第二背景图片，包括：
6.根据权利要求1所述的背景图片的显示方法，其特征在于，所述目标显示界面为软件应用界面、弹窗界面、聊天气泡中的任意一种。
<...【技术特征摘要】
1.一种背景图片的显示方法，其特征在于，包括：
2.根据权利要求1所述的背景图片的显示方法，其特征在于，所述根据所述目标显示尺寸，将所述预设像素点所在的像素列沿水平方向进行拉伸，和/或，将所述预设像素点所在的像素行沿垂直方向进行拉伸，生成第二背景图片，包括：
3.根据权利要求2所述的背景图片的显示方法，其特征在于，所述如果所述水平偏移量大于零，将所述预设像素点所在的像素列沿水平方向拉伸，生成所述第二背景图片，包括：
4.根据权利要求2所述的背景图片的显示方法，其特征在于，所述如果所述垂直偏移量大于零，将所述预设像素点所在的像素行沿垂直方向拉伸，生成所述第二背景图片，包括：
5.根据权利要求2所述的背景图片的显示方法，其特征在于，所述如果所述水平偏移量和所述垂直偏移量均大于零，将所述预设像素点所在的像素列沿水平方向拉伸以及将所述预设像素点所在的像素行沿...
【专利技术属性】
技术研发人员：舒伟，郭曼丽，胡承，
申请(专利权)人：广州心娱网络科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。