可视化大屏设计图自动适配显示器屏幕的方法及设备、介质技术

本申请公开了一种可视化大屏设计图自动适配显示器屏幕的方法及设备、介质，涉及数据可视化大屏技术领域。具体实施方式包括获取显示器屏幕的物理尺寸与分辨率；根据其物理尺寸与分辨率计算得到切图缩放比例系数；根据切图缩放比例系数判断待投放设计图将出现的畸变类型；根据畸变类型调整待投放设计图的长度与高度的比例得到变形设计图；比较待投放设计图与变形设计图得到空白背景部分；对空白背景部分进行填充得到自适应设计图。本申请公开的方法能够解决显示器分辨率与其外观尺寸比例不一致时，设计图投放至显示器上发生畸形变化的问题，实现设计图自动适配显示器屏幕、杜绝畸变，使可视化大屏高质量的还原设计效果，提升观看者的用户体验。观看者的用户体验。观看者的用户体验。

【技术实现步骤摘要】
可视化大屏设计图自动适配显示器屏幕的方法及设备、介质


[0001]本申请涉及
，尤其涉及一种可视化大屏设计图自动适配显示器屏幕的方法及设备、介质。

技术介绍

[0002]随着全国各地智慧城市的建设，各个地区也在建设自己的数据可视化大屏，以便更宏观、直观、智能的展示业务场景，实现数据全面感知，提升效率。可视化大屏可对城市运行监测、产业经济、民生发展、公共安全等多数据进行多维度可视化的呈现，满足了管理、日常数据分析、展示、汇报等工作需求，能够有效的提高科学决策能力和效率。
[0003]在数据可视化大屏的建设过程中，由于各地的大屏采购型号不同，屏幕属性也有所差异，对于一体式的LED屏，界面显示、屏幕设置的参数更多一些，可调性更大，适配也比较方便。但是对于液晶拼接屏，相比来说可能出现的问题会多一些，比如大屏接缝、错位，输出分辨率比例与物理尺寸比例不一致等，导致界面设计图现场投出来的画面出现偏移、挤压、交叉、拉伸等现象，降低了原本设计的美感，使得现场观看的用户体验感变差。
[0004]因此，目前迫切需要研发出一种可视化大屏设计图自动适配显示器屏幕的方法及设备、介质，以克服和改善上述现有技术中的一个或多个缺点，或者至少提出一种有效的可选方法来解决上述问题。

技术实现思路

[0005]本说明书实施例提供了一种可视化大屏设计图自动适配显示器屏幕的方法及设备、介质，用于解决现有技术中的如下技术问题：可视化大屏设计图分辨率与显示器屏幕外观尺寸比例不一致的情况下，设计图投放时其页面会挤压或平铺拉伸在整个屏幕上，造成其中的文字、图形、图表及动态效果发生变形，降低了设计图的美感，使用户体验感变差。
[0006]本说明书实施例采用下述技术方案：
[0007]一种可视化大屏设计图自动适配显示器屏幕的方法，其中，包括：
[0008]获取显示器屏幕的物理尺寸与分辨率，其中，所述物理尺寸包括长度与高度，所述分辨率包括横向分辨率与纵向分辨率；
[0009]根据所述显示器屏幕的物理尺寸与分辨率计算得到切图缩放比例系数；
[0010]根据所述切图缩放比例系数判断其所在的数值区间，及该数值空间对应的待投放设计图投放至所述显示器屏幕上将出现的畸变类型，其中，所述畸变类型为横向拉伸、横向挤压、不明显畸变中的其中一种；
[0011]根据所述畸变类型调整所述待投放设计图的长度与高度的比例，得到变形设计图；
[0012]比较所述待投放设计图与所述变形设计图，得到空白背景部分；
[0013]对所述空白背景部分进行填充，得到自适应设计图。
[0014]优选的，计算所述切图缩放比例系数所依据的公式为：
[0015][0016]其中，S为切图缩放比例系数；
[0017]L为显示器长度，单位mm；
[0018]W为显示器高度，单位mm；
[0019]X为显示器横向分辨率，单位px；
[0020]Y为显示器纵向分辨率，单位px。
[0021]优选的，根据所述切图缩放比例系数判断其所在的数值区间，及该数值空间对应的待投放设计图投放至所述显示器屏幕上将出现的畸变类型，包括：
[0022]若所述切图缩放比例系数大于一，则所述待投放设计图投放至所述显示器屏幕上将出现的畸变类型为横向拉伸；
[0023]若所述切图缩放比例系数小于一，则所述待投放设计图投放至所述显示器屏幕上将出现的畸变类型为横向挤压；
[0024]若所述切图缩放比例系数与一的差值的绝对值小于零点一，则则所述待投放设计图投放至所述显示器屏幕上将出现的畸变类型为不明显畸变。
[0025]优选的，当所述畸变类型为横向拉伸时，包括：
[0026]将所述待投放设计图的高度设置为与所述显示器屏幕的高度比例对称，得到第一变形设计图的高度；
[0027]将所述待投放设计图的长度横向对称收缩，得到所述第一变形设计图的长度，其中，所述横向对称收缩的比例为根据所述切图缩放比例系数计算得到的。
[0028]优选的，计算所述第一变形设计图的长度所依据的公式为：
[0029]q
l
＝Q
L
·
S
‑1[0030]其中，q
l
为第一变形设计图的长度，单位px；
[0031]Q
L
为待投放设计图的长度，单位px；
[0032]S为切图缩放比例系数。
[0033]优选的，得到所述第一变形设计图的尺寸之后，还包括：
[0034]获取所述待投放设计图的中心点的坐标；
[0035]所述中心点的纵坐标不变，所述中心点的横坐标向右偏移，其中，所述横坐标向右偏移的距离为根据所述待投放设计图的长度及所述第一变形设计图的长度计算得到的。
[0036]优选的，计算所述横坐标向右偏移的距离所依据的公式为：
[0037][0038]其中，
△
L为横坐标向右偏移的距离，单位px；
[0039]q
l
为第一变形设计图的长度，单位px；
[0040]Q
L
为待投放设计图的长度，单位px。
[0041]优选的，当所述畸变类型为横向挤压时，包括：
[0042]将所述待投放设计图的长度设置为与所述显示器屏幕的长度比例对称，得到第二变形设计图的长度；
[0043]将所述待投放设计图的高度纵向对称收缩，得到所述第二变形设计图的高度，其
中，所述纵向对称收缩的比例为根据所述切图缩放比例系数计算得到的。
[0044]优选的，计算所述第二变形设计图的高度所依据的公式为：
[0045]q
w
＝Q
W
·
S
[0046]其中，q
w
为第二变形设计图的高度，单位px；
[0047]Q
W
为待投放设计图的高度，单位px；
[0048]S为切图缩放比例系数。
[0049]优选的，得到所述第二变形设计图的尺寸之后，还包括：
[0050]获取所述待投放设计图的中心点的坐标；
[0051]所述中心点的横坐标不变，所述中心点的纵坐标向下偏移，其中，所述纵坐标向下偏移的距离为根据所述待投放设计图的高度及所述第二变形设计图的高度计算得到的。
[0052]优选的，计算所述纵坐标向下偏移的距离所依据的公式为：
[0053][0054]其中，
△
W为纵坐标向下偏移的距离，单位px；
[0055]q
w
为第二变形设计图的高度，单位px；
[0056]Q
W
为待投放设计图的高度，单位px。
[0057]优选的，对所述空白背景部分进行填充，包括：
[0058]获取所述变形设计图的收缩部分的边缘颜色组成；
[0059]根据所述边缘颜色组成向所述空白背景部分的边缘本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种可视化大屏设计图自动适配显示器屏幕的方法，其特征在于，包括：获取显示器屏幕的物理尺寸与分辨率，其中，所述物理尺寸包括长度与高度，所述分辨率包括横向分辨率与纵向分辨率；根据所述显示器屏幕的物理尺寸与分辨率计算得到切图缩放比例系数；根据所述切图缩放比例系数判断其所在的数值区间，及该数值空间对应的待投放设计图投放至所述显示器屏幕上将出现的畸变类型，其中，所述畸变类型为横向拉伸、横向挤压、不明显畸变中的其中一种；根据所述畸变类型调整所述待投放设计图的长度与高度的比例，得到变形设计图；比较所述待投放设计图与所述变形设计图，得到空白背景部分；对所述空白背景部分进行填充，得到自适应设计图。2.根据权利要求1所述的可视化大屏设计图自动适配显示器屏幕的方法，其特征在于，根据所述切图缩放比例系数判断其所在的数值区间，及该数值空间对应的待投放设计图投放至所述显示器屏幕上将出现的畸变类型，包括：若所述切图缩放比例系数大于一，则所述待投放设计图投放至所述显示器屏幕上将出现的畸变类型为横向拉伸；若所述切图缩放比例系数小于一，则所述待投放设计图投放至所述显示器屏幕上将出现的畸变类型为横向挤压；若所述切图缩放比例系数与一的差值的绝对值小于零点一，则则所述待投放设计图投放至所述显示器屏幕上将出现的畸变类型为不明显畸变。3.根据权利要求2所述的可视化大屏设计图自动适配显示器屏幕的方法，其特征在于，当所述畸变类型为横向拉伸时，包括：将所述待投放设计图的高度设置为与所述显示器屏幕的高度比例对称，得到第一变形设计图的高度；将所述待投放设计图的长度横向对称收缩，得到所述第一变形设计图的长度，其中，所述横向对称收缩的比例为根据所述切图缩放比例系数计算得到的。4.根据权利要求3所述的可视化大屏设计图自动适配显示器屏幕的方法，其特征在于，得到所述第一变形设计图的尺寸之后，还包括：获取所述待投放设计图的中心点的坐标；所述中心点的纵坐标不变，所述中心点的横坐标向右偏移，其中，所述横坐标向右偏移的距离为根据所述待投放设计图的长度及所述第一变形设计图的长度计算得到的。5.根据权利要求2所述的可视化大屏设计图自动适配显示器屏幕的方法，其特征在于，当所述畸变类型为横向挤压时，包括：将所述待投放设计图的长度设置为与所述显示器屏幕的长度比例对称，得到第二变形设计图的长度；将所述待投放设计图的高度纵向对称收缩，得到所述第二变形设计图的高度，其中，所述纵向对称收缩的比例为根据所述切图缩放比例系数计算得到的。6.根据权利要求5所述的可视化大屏设计图自动适配显示器屏幕的方法，其特征在于，得到所述第二变形设计图的尺寸之后，还包括：获取所述待投放设计图...

【专利技术属性】
技术研发人员：曲维甲，范世梅，赵丽静，崔芳，张后帅，
申请(专利权)人：浪潮卓数大数据产业发展有限公司，
类型：发明
国别省市：