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

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

背景技术：

1、随着全国各地智慧城市的建设，各个地区也在建设自己的数据可视化大屏，以便更宏观、直观、智能的展示业务场景，实现数据全面感知，提升效率。可视化大屏可对城市运行监测、产业经济、民生发展、公共安全等多数据进行多维度可视化的呈现，满足了管理、日常数据分析、展示、汇报等工作需求，能够有效的提高科学决策能力和效率。

2、在数据可视化大屏的建设过程中，由于各地的大屏采购型号不同，屏幕属性也有所差异，对于一体式的led屏，界面显示、屏幕设置的参数更多一些，可调性更大，适配也比较方便。但是对于液晶拼接屏，相比来说可能出现的问题会多一些，比如大屏接缝、错位，输出分辨率比例与物理尺寸比例不一致等，导致界面设计图现场投出来的画面出现偏移、挤压、交叉、拉伸等现象，降低了原本设计的美感，使得现场观看的用户体验感变差。

3、因此，目前迫切需要研发出一种可视化大屏设计图自动适配显示器屏幕的方法及设备、介质，以克服和改善上述现有技术中的一个或多个缺点，或者至少提出一种有效的可选方法来解决上述问题。

技术实现思路

1、本说明书实施例提供了一种可视化大屏设计图自动适配显示器屏幕的方法及设备、介质，用于解决现有技术中的如下技术问题：可视化大屏设计图分辨率与显示器屏幕外观尺寸比例不一致的情况下，设计图投放时其页面会挤压或平铺拉伸在整个屏幕上，造成其中的文字、图形、图表及动态效果发生变形，降低了设计图的美感，使用户体验感变差。

2、本说明书实施例采用下述技术方案：

3、一种可视化大屏设计图自动适配显示器屏幕的方法，其中，包括：

4、获取显示器屏幕的物理尺寸与分辨率，其中，所述物理尺寸包括长度与高度，所述分辨率包括横向分辨率与纵向分辨率；

5、根据所述显示器屏幕的物理尺寸与分辨率计算得到切图缩放比例系数；

6、根据所述切图缩放比例系数判断其所在的数值区间，及该数值空间对应的待投放设计图投放至所述显示器屏幕上将出现的畸变类型，其中，所述畸变类型为横向拉伸、横向挤压、不明显畸变中的其中一种；

7、根据所述畸变类型调整所述待投放设计图的长度与高度的比例，得到变形设计图；

8、比较所述待投放设计图与所述变形设计图，得到空白背景部分；

9、对所述空白背景部分进行填充，得到自适应设计图。

10、优选的，计算所述切图缩放比例系数所依据的公式为：

11、

12、其中，s为切图缩放比例系数；

13、l为显示器长度，单位mm；

14、w为显示器高度，单位mm；

15、x为显示器横向分辨率，单位px；

16、y为显示器纵向分辨率，单位px。

17、优选的，根据所述切图缩放比例系数判断其所在的数值区间，及该数值空间对应的待投放设计图投放至所述显示器屏幕上将出现的畸变类型，包括：

18、若所述切图缩放比例系数大于一，则所述待投放设计图投放至所述显示器屏幕上将出现的畸变类型为横向拉伸；

19、若所述切图缩放比例系数小于一，则所述待投放设计图投放至所述显示器屏幕上将出现的畸变类型为横向挤压；

20、若所述切图缩放比例系数与一的差值的绝对值小于零点一，则则所述待投放设计图投放至所述显示器屏幕上将出现的畸变类型为不明显畸变。

21、优选的，当所述畸变类型为横向拉伸时，包括：

22、将所述待投放设计图的高度设置为与所述显示器屏幕的高度比例对称，得到第一变形设计图的高度；

23、将所述待投放设计图的长度横向对称收缩，得到所述第一变形设计图的长度，其中，所述横向对称收缩的比例为根据所述切图缩放比例系数计算得到的。

24、优选的，计算所述第一变形设计图的长度所依据的公式为：

25、ql＝ql·s-1

26、其中，ql为第一变形设计图的长度，单位px；

27、ql为待投放设计图的长度，单位px；

28、s为切图缩放比例系数。

29、优选的，得到所述第一变形设计图的尺寸之后，还包括：

30、获取所述待投放设计图的中心点的坐标；

31、所述中心点的纵坐标不变，所述中心点的横坐标向右偏移，其中，所述横坐标向右偏移的距离为根据所述待投放设计图的长度及所述第一变形设计图的长度计算得到的。

32、优选的，计算所述横坐标向右偏移的距离所依据的公式为：

33、

34、其中，△l为横坐标向右偏移的距离，单位px；

35、ql为第一变形设计图的长度，单位px；

36、ql为待投放设计图的长度，单位px。

37、优选的，当所述畸变类型为横向挤压时，包括：

38、将所述待投放设计图的长度设置为与所述显示器屏幕的长度比例对称，得到第二变形设计图的长度；

39、将所述待投放设计图的高度纵向对称收缩，得到所述第二变形设计图的高度，其中，所述纵向对称收缩的比例为根据所述切图缩放比例系数计算得到的。

40、优选的，计算所述第二变形设计图的高度所依据的公式为：

41、qw＝qw·s

42、其中，qw为第二变形设计图的高度，单位px；

43、qw为待投放设计图的高度，单位px；

44、s为切图缩放比例系数。

45、优选的，得到所述第二变形设计图的尺寸之后，还包括：

46、获取所述待投放设计图的中心点的坐标；

47、所述中心点的横坐标不变，所述中心点的纵坐标向下偏移，其中，所述纵坐标向下偏移的距离为根据所述待投放设计图的高度及所述第二变形设计图的高度计算得到的。

48、优选的，计算所述纵坐标向下偏移的距离所依据的公式为：

49、

50、其中，△w为纵坐标向下偏移的距离，单位px；

51、qw为第二变形设计图的高度，单位px；

52、qw为待投放设计图的高度，单位px。

53、优选的，对所述空白背景部分进行填充，包括：

54、获取所述变形设计图的收缩部分的边缘颜色组成；

55、根据所述边缘颜色组成向所述空白背景部分的边缘做渐变填充。

56、优选的，可视化大屏设计图自动适配显示器屏幕的方法，还包括：

57、自动按照所述待投放设计图的变换原则对目标动效的横向速度和/或纵向速度、加速度及运动时间进行相应的比例调整，渲染生成动效的图像帧集；

58、将所述图像帧集按比例进行变换和调整位置，得到输出流畅的动态效果。

59、优选的，可视化大屏设计图自动适配显示器屏幕的方法，还包括：

60、识别所述显示器屏幕的类型，

61、若为多个模块构成的拼接屏且各模块之间的接缝位置处出现图形偏移时，则移动各个模块的信号源显示范围；

62、根据移动后的各信号源显示范围，得到信号源最大公约显示范围；

63、根据所述信号源最大公约显示范围整体调整所述待投放设计图的长度与高度的比例，得到自适应设计图。

64、优选的，可视化大屏设计图自动适配显示器屏幕的方法，还包括：

65、计算所述显示器屏幕的长度与高度的比值，得到第一比例，并计算所述显示器屏幕的横向分辨率与纵向分辨率的比值，得到第二比例；

66、判断所述第二比例是否能够调整；

67、若是，则将所述第二比例调整为与所述第一比例一致，得到调整后的分辨率；

68、根据所述调整后的分辨率设计可视化大屏设计图。

69、一种可视化大屏设计图自动适配显示器屏幕的设备，其特征在于，包括：

70、至少一个处理器；以及，

71、与所述至少一个处理器通信连接的存储器；其中，

72、所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够：

73、获取显示器屏幕的物理尺寸与分辨率，其中，所述物理尺寸包括长度与高度，所述分辨率包括横向分辨率与纵向分辨率；

74、根据所述显示器屏幕的物理尺寸与分辨率计算得到切图缩放比例系数；

75、根据所述切图缩放比例系数判断其所在的数值区间，及该数值空间对应的待投放设计图投放至所述显示器屏幕上将出现的畸变类型，其中，所述畸变类型为横向拉伸、横向挤压、不明显畸变中的其中一种；

76、根据所述畸变类型调整所述待投放设计图的长度与高度的比例，得到变形设计图；

77、比较所述待投放设计图与所述变形设计图，得到空白背景部分；

78、对所述空白背景部分进行填充，得到自适应设计图。

79、一种可视化大屏设计图自动适配显示器屏幕的非易失性计算机存储介质，存储有计算机可执行指令，其特征在于，所述计算机可执行指令设置为：

80、获取显示器屏幕的物理尺寸与分辨率，其中，所述物理尺寸包括长度与高度，所述分辨率包括横向分辨率与纵向分辨率；

81、根据所述显示器屏幕的物理尺寸与分辨率计算得到切图缩放比例系数；

82、根据所述切图缩放比例系数判断其所在的数值区间，及该数值空间对应的待投放设计图投放至所述显示器屏幕上将出现的畸变类型，其中，所述畸变类型为横向拉伸、横向挤压、不明显畸变中的其中一种；

83、根据所述畸变类型调整所述待投放设计图的长度与高度的比例，得到变形设计图；

84、比较所述待投放设计图与所述变形设计图，得到空白背景部分；

85、对所述空白背景部分进行填充，得到自适应设计图。

86、本说明书实施例采用的上述至少一个技术方案能够达到以下有益效果：

87、(1)本说明书实施例示例的可视化大屏设计图自动适配显示器屏幕的方法，能够解决显示器分辨率比例与其外观尺寸比例不一致时，待投放设计图投放至显示器屏幕上发生畸形变化的问题，使设计图自适应显示器屏幕的尺寸，从而使可视化大屏的演示效果更和谐，不必担心因显示器硬件尺寸的原因造成的，如饼形图、环形图等图表及正方形等特殊形状的图形发生畸形变化的问题，避免出现的视觉不适，提升了用户的体验感。

88、(2)本说明书实施例示例的可视化大屏设计图自动适配显示器屏幕的方法，能够节约可视化大屏界面图的设计成本、沟通成本，不用因为演示硬件的变化，而不得不重新沟通设计师调整画面、模块来解决拉伸变形等造成的观者困扰，减轻了设计师的工作量、减少了时间成本的浪费，使可视化大屏界面图的设计成本在项目中的占比更低。

89、(3)本说明书实施例示例的可视化大屏设计图自动适配显示器屏幕的方法，解决了常规设计图为与演示硬件进行匹配而反复修改造成的研发工作重复的问题。