画面同步显示方法及终端设备与流程

本技术涉及互联网领域，涉及在线会议管理技术，尤其涉及一种画面同步显示方法及终端设备。

背景技术：

1、随着互联网技术的发展，越来越多的用户选择在线的视频会议来代替传统的会议，从而突破参会人员在空间距离上的交流限制。在视频会议中，参会人员可以使用终端设备上的画布，如白板，进行会议内容的沟通或者讲解，以便其他参会人员能够更好的了解会议内容。画布可用于显示参会人员书写的内容。参会人员可以对画布进行写入、擦除、修改等操作。一参会人员在其终端设备画布上的操作需要同步至其他终端设备上的画布进行显示。

2、但是由于不同参会人员的终端设备的屏幕尺寸不同，各个终端设备显示的画布尺寸也有所差异，所以经常出现参会人员在其终端设备画布上的操作无法很好同步至其他终端设备上的画布进行显示的情况，如写入数据不显示、写入数据显示不全等问题。

技术实现思路

1、本技术实施例公开了一种画面同步显示方法及终端设备，解决了参会人员在其终端设备画布上的操作无法很好同步至其他终端设备上的画布进行显示的技术问题。

2、本技术提供一种画面同步显示方法，应用于包括多个终端设备的系统中，所述多个终端设备包括主设备和至少一个从设备，所述主设备与至少一个所述从设备通信连接，所述方法包括：当检测到所述系统通过所述主设备显示内容时，所述主设备根据接收的图形数据在所述主设备对应的第一画布中进行图形绘制，并将图形绘制后的第一画布显示于所述主设备；所述主设备基于所述第一画布对应的第一画布坐标，确定所述第一画布尺寸，并将所述第一画布对应的第一画布坐标和第一画布尺寸发送给至少一个所述从设备；至少一个所述从设备根据第一画布坐标、第一画布尺寸以及所述从设备对应的屏幕尺寸，确定所述从设备对应的第一缩放比例和第二画布坐标，并以所述第二画布坐标为基准，根据所述第一缩放比例对所述第一画布进行缩放，得到第二画布，将所述第二画布显示于所述从设备。

3、在一些可选的实施方式中，所述第一画布坐标包括第一画布左上角坐标、第一画布左下角坐标、第一画布右上角坐标及第一画布右下角坐标，所述第一画布尺寸包括第一画布宽度和第一画布高度，所述第一画布尺寸的确定方法包括：获取所述第一画布对应的第一画布左上角坐标及所述主设备对应的第一屏幕分辨率；基于所述第一画布左上角坐标及所述第一屏幕分辨率，确定第一画布左下角坐标、第一画布右上角坐标及第一画布右下角坐标；根据所述第一画布左上角坐标和所述第一画布左下角坐标，计算所述第一画布高度；根据所述第一画布左上角坐标和所述第一画布右上角坐标，计算所述第一画布宽度。

4、在一些可选的实施方式中，所述从设备对应的屏幕尺寸包括所述从设备的屏幕宽度和所述从设备的屏幕高度，所述从设备对应的第一缩放比例和第二画布坐标的确定方法包括：计算所述从设备的屏幕宽度与所述第一画布宽度的第一比值，以及所述从设备的屏幕高度与所述第一画布高度的第二比值；将所述第一比值和所述第二比值中较小的比值确定为第一缩放比例；根据所述第一画布左上角坐标和所述第一缩放比例，计算所述从设备对应的第二画布左上角坐标；基于所述第二画布左上角坐标及所述从设备对应的第二屏幕分辨率，确定第二画布左下角坐标、第二画布右上角坐标及第二画布右下角坐标；将第二画布左上角坐标、第二画布左下角坐标、第二画布右上角坐标及第二画布右下角坐标作为所述从设备对应的第二画布坐标。

5、在一些可选的实施方式中，所述以所述第二画布坐标为基准，根据所述第一缩放比例对所述第一画布进行缩放，得到第二画布包括：当所述从设备的屏幕宽度与屏幕高度的比值大于所述第一画布宽度与第一画布高度的比值时，则以第二画布坐标为基准，根据第一缩放比例对所述第一画布进行左右放大，得到放大后的第一画布，将放大后的第一画布作为第二画布；当所述从设备的屏幕宽度与屏幕高度的比值小于所述第一画布宽度与第一画布高度的比值时，则以第二画布坐标为基准，根据第一缩放比例对所述第一画布进行上下放大，得到放大后的第一画布，将放大后的第一画布作为第二画布。

6、在一些可选的实施方式中，所述方法还包括：当检测到所述主设备显示的所述第一画布发生调整操作时，获取所述第一画布对应的第一调整参数，根据所述第一画布对应的第一画布坐标以及第一调整参数，确定调整后的所述第一画布对应的第三画布坐标；根据所述第三画布坐标，确定调整后的所述第一画布对应的第三画布尺寸；根据所述第三画布坐标对所述第一画布进行调整，得到第三画布，将所述第三画布显示于所述主设备；所述主设备将所述第三画布坐标和所述第三画布尺寸发送给至少一个所述从设备；至少一个所述从设备根据所述第三画布坐标、所述第三画布尺寸及所述从设备对应的屏幕尺寸，确定所述从设备对应的第四画布坐标，根据所述第四画布坐标对所述第二画布进行调整，得到第四画布，将所述第四画布显示于所述从设备。

7、在一些可选的实施方式中，所述调整操作包括缩放操作，所述第一调整参数包括缩放倍数，所述根据所述第一画布对应的第一画布坐标以及第一调整参数，确定调整后的所述第一画布对应的第三画布坐标包括：获取所述第一画布对应的第一画布坐标以及所述主设备对应的第一屏幕分辨率；根据所述第一画布坐标、所述第一屏幕分辨率及所述缩放倍数，确定调整后的所述第一画布对应的第三画布坐标。

8、在一些可选的实施方式中，所述调整操作还包括移动操作，所述第一调整参数还包括移动数值，所述根据所述第一画布对应的第一画布坐标以及第一调整参数，确定调整后的所述第一画布对应的第三画布坐标包括：获取所述第一画布对应的第一画布坐标；基于所述移动数值和所述第一画布坐标，确定调整后的所述第一画布对应的第三画布坐标。

9、在一些可选的实施方式中，所述根据所述第三画布坐标对所述第一画布进行调整，得到第三画布，包括：当第一调整参数包括放大倍数时，以所述第三画布坐标为基准，根据所述放大倍数对所述第一画布进行放大，得到放大后的第一画布，并将所述放大后的第一画布作为所述第三画布；当第一调整参数包括缩小倍数时，以所述第三画布坐标为基准，根据所述缩小倍数对所述第一画布进行缩小，得到缩小后的第一画布，并将所述缩小后的第一画布作为所述第三画布；当第一调整参数包括移动数值时，以所述第三画布坐标为基准，根据所述移动数值大小对所述第一画布进行相应移动，得到移动后的第一画布，并将所述移动后的第一画布作为所述第三画布。

10、在一些可选的实施方式中，所述从设备对应的屏幕尺寸包括所述从设备的屏幕宽度和所述从设备的屏幕高度，所述第三画布尺寸包括第三画布宽度和第三画布高度，所述确定所述从设备对应的第四画布坐标包括：计算所述从设备的屏幕宽度与所述第三画布宽度的第三比值，以及所述从设备的屏幕高度与所述第三画布高度的第四比值；将所述第三比值和所述第四比值中较小的比值确定为第二缩放比例；根据所述第三画布坐标中的第三左上角坐标和所述第二缩放比例，计算所述第四画布对应的第四画布左上角坐标；基于所述第四画布左上角坐标及所述从设备对应的第二屏幕分辨率，确定第四画布左下角坐标、第四画布右上角坐标及第四画布右下角坐标；将第四画布左上角坐标、第四画布左下角坐标、第四画布右上角坐标及第四画布右下角坐标作为所述从设备对应的第四画布坐标。

11、在一些可选的实施方式中，根据所述第四画布坐标对所述第二画布进行调整，得到第四画布包括：将所述第二画布对应的第二画布坐标和所述从设备对应的所述第四画布坐标进行比对，计算得到所述第二画布对应的第二调整参数；根据所述第二调整参数对所述第二画布进行调整，得到调整后的所述第二画布，将调整后的所述第二画布作为第四画布；其中，所述第二调整参数包括用于将所述第二画布进行放大、缩小或移动的参数，以使得调整后的第二画布对应的坐标与第四画布坐标一致。

12、在一些可选的实施方式中，所述方法还包括：当检测到所述主设备显示第一画布内容或第三画布内容时，根据所述第一画布对应的所有点画布坐标或所述第三画布对应的所有点画布坐标与所述主设备对应的屏幕显示区域坐标，确定所述第一画布内容或所述第三画布内容是否发生越界；当所述第一画布对应的所有点画布坐标中存在一坐标出所述主设备对应的屏幕显示区域坐标时，则判定所述第一画布内容发生越界，显示越界提示，并根据所述主设备对应的屏幕显示区域，对所述第一画布进行居中处理，得到居中处理后的所述第一画布，并将居中处理后的第一画布显示于所述主设备；或者，当所述第三画布对应的所有点画布坐标中存在一坐标超出所述主设备对应的屏幕显示区域坐标时，则判定所述第三画布内容发生越界，显示越界提示，并根据所述主设备对应的屏幕显示区域，对所述第三画布进行居中处理，得到居中处理后的所述第三画布，并将居中处理后的第三画布显示于所述主设备。

13、在一些可选的实施方式中，所述确定所述第一画布内容或者所述第二画布内容是否发生越界包括：根据所述第一画布或所述第三画布对应的所有点画布坐标，确定所述第一画布或所述第三画布对应的最小横坐标、最小纵坐标、最大横坐标和最大纵坐标；当所述最小横坐标小于所述主设备对应的屏幕显示区域的左上角的横坐标、所述最小纵坐标小于所述主设备对应的屏幕显示区域的左上角的纵坐标、所述最大横坐标大于所述主设备对应的屏幕显示区域的右下角的横坐标或所述最大纵坐标大于所述主设备对应的屏幕显示区域的右下角的纵坐标时，则确定所述第一画布或所述第三画布对应的画布坐标超出所述主设备对应的屏幕显示区域坐标，确定所述第一画布或所述第三画布内容发生越界。

14、在一些可选的实施方式中，所述对所述第一画布或所述第三画布进行居中处理包括：若所述第一画布或所述第三画布的上下边界之间的距离大于所述第一画布或所述第三画布的左右边界之间的距离，对所述第一画布或所述第三画布进行拖动和/或缩放操作以居中所述第一画布或所述第三画布，得到居中处理后的所述第一画布或者第三画布，使得居中处理后的所述第一画布或者第三画布的上下边界与所述主设备对应的屏幕显示区域的上下边界进行重合对齐；或者，若所述第一画布或所述第三画布的上下边界之间的距离小于所述第一画布或所述第三画布的左右边界之间的距离，对所述第一画布或所述第三画布进行拖动和/或缩放操作以居中所述第一画布或所述第三画布，得到居中处理后的所述第一画布或者第三画布，使得居中处理后的所述第一画布或者第三画布的左右边界与所述主设备对应的屏幕显示区域的左右边界进行重合对齐；或者，若所述第一画布或所述第三画布的上下边界之间的距离等于所述第一画布或所述第三画布的左右边界之间的距离，对所述第一画布或所述第三画布进行拖动和/或缩放操作以居中所述第一画布或所述第三画布，得到居中处理后的所述第一画布或者第三画布，使得居中处理后的将所述第一画布或所述第三画布的上下边界、左右边界分别与所述主设备对应的屏幕显示区域的上下边界、左右边界进行重合对齐。

15、本技术还提供一种终端设备，所述终端设备包括处理器和存储器，所述处理器用于执行所述存储器中存储的计算机程序以实现所述的画面同步显示方法。

16、本技术提供的画面同步显示方法中，在检测到系统通过主设备显示内容时，主设备可以根据接收的图形数据在主设备对应的第一画布中进行图形绘制，并将图形绘制后的第一画布显示于主设备，以实现在主设备上显示用户输入图形数据的目的；并基于第一画布对应的第一画布坐标，确定所述第一画布尺寸，并将第一画布对应的第一画布坐标和第一画布尺寸发送给至少一个所述从设备，使得至少一个所述从设备可以根据第一画布坐标、第一画布尺寸以及所述从设备对应的屏幕尺寸，确定所述从设备对应的第一缩放比例和第二画布坐标，并以第二画布坐标为基准，根据第一缩放比例对第一画布进行缩放，得到第二画布，将第二画布显示于从设备，实现了主设备的第一画布与从设备的第二画布中图形数据的同步；由于会根据第一画布坐标与第一画布尺寸，生成第二画布，使得生成的第二画布与第一画布匹配，避免了因主设备的屏幕尺寸与从设备的屏幕尺寸不同导致主设备上的图形数据无法在从设备的画布上进行显示的问题出现，使得用户在主设备上输入的图形数据可以正常地在从设备的第二画布上进行显示。