专利名称：一种不同分辨率下图片居中后白板同步的方法及系统的制作方法
技术领域：
本发明属于网络技术领域，尤其涉及一种不同分辨率下图片居中后白板同步的方 法及系统。
背景技术：
随着互联网技术的发展，人们的生活也随之发生改变，逐渐由传统的生活方式转 变为信息化生活方式。借助于互联网，人们便可以在线看电视、读书、交朋友、打电话、发邮 件、看新闻……，信息化生活已经成为我们生活不可缺少的一部分。当然，人们必须借助键 盘、鼠标、显示器、耳麦、摄像头等硬件设备才能充分感受到互联网的便利与信息化生活的 丰富多彩。显示器是上述硬件中占用空间最大且最重要的设备，其显示区域大小将直接影 响人们对互联网的体验，比如，使用低分辨率显示器阅读篇幅稍长的一段文字就需要不停 地拉动滚动条，这使原本简单轻松的阅读变得非常繁杂。另外，由于显示器品牌众多，企业 内部普遍存在使用不同分辨率显示器的情况，这将导致使用同一套系统、进行同一个操作 带来不同的视觉效果。随着网络会议普及，其中一些很重要的功能如文档同步演示逐渐受 到人们的青睐。在进行网络会议时，主讲人在演示文档上标注区块内容，如果分辨率不同， 参会人员的显示器将不会显示同一区块，无法实现精确定位画笔痕迹。这些都是现行网络 视频会议、远程教育、书籍阅读等应用系统中普遍存在的问题。
发明内容
鉴于上述现有技术存在的缺陷，本发明的主要目的是提出一种不同分辨率下图片 居中后白板同步的方法及系统，实现了无需下载任何控件即可实现图片居中后白板同步。本发明的主要目的将通过以下技术方案得以实现 一种不同分辨率下图片居中后白板同步的方法
通讯服务器将获取的图片状态信息发送至同步存储服务器；
所述同步存储服务器存储并更新图片状态信息，并将更新后的图片状态信息发送至目 标用户及源用户。一种不同分辨率下图片居中后白板同步的系统，包括源用户、通讯服务器、同步存 储服务器及目标用户，其中
通讯服务器将获取的图片状态信息发送至同步存储服务器；
所述同步存储服务器存储并更新图片状态信息，并将更新后的图片状态信息发送至目 标用户及源用户。本发明的主要目的是提出一种不同分辨率下图片居中后白板同步的方法及系统， 实现了无需下载任何控件即可实现图片居中后白板同步。
图1是实施例一中一种不同分辨率下图片居中后白板同步的方法的流程图。
具体实施例方式实施例一
如图1所示，本发明的具体实施例一种不同分辨率下图片居中后白板同步的方法，具 体包括如下步骤
步骤101 源用户打开网页，所述网页自动加载Flash插件，所述Flash插件与通讯服 务器建立永久连接，并且开始监听所述通讯服务器数据传输。上述技术方案具体包括如下过程
源用户打开网页，网页自动加载Flash插件，Flash插件通过XMLSocket类建立与通讯 服务器的永久连接，并且开始监听通讯服务器的数据传输。步骤102 所述源用户加载Flash，设置所述Flash的缩放模式为不缩放，设置所述 Flash的对齐方式为左上对齐。 上述技术方案具体包括如下过程
(2a)所述源用户打开网页，加载一个Flash，设置所述Flash的stage. scaleMode为 StageScaleMode. N0_SCALE ；
(2b)设置所述Flash的stage, align属性为MageAlign. T0P_LEFT,使舞台左上对
齐；
步骤103 所述Flash加载需要演示的图片，根据所述图片的尺寸和所述Flash的尺 寸，设置所述图片在白板上居中显示。上述技术方案具体包括如下过程
(3a)增加一个容器作为白板，所述Flash加载图片到所述白板，并增加所述图片的 complete事件监听；
(3b)图片加载完成后，触发complete事件，所述Flash根据舞台的尺寸和所述图 片的实际尺寸计算出图片居中的坐标，舞台的尺寸设置宽度为StageWidth，设置高度 为stageHe ight，图片的实际尺寸设置宽度为imageWidth，设置高度为imageHeight， 其中，居中坐标计算公式为x横坐标pX= (stageWidth-imageWidth)/2，y纵坐标py= (stageHeight-imageHeight)/2 ；
(3c)设置所述图片的χ属性为Math, max (0，ρχ)，设置图片的y属性为Math, max (0， py)，此处的Math, max可以确保图片始终在可见区内显示。步骤104:所述源用户在白板上绘制图形后，调用所述Flash插件接口传入图片状 态信息，然后所述Flash插件调用APKApplication Programming hterface，应用程序编 程接口)将图片状态信息发送到通讯服务器。其中，所述图片状态信息包括但不限于图形 的坐标和图片的坐标。上述技术方案具体包括如下过程 (4a)所述源用户在白板上绘制图形；
(4b)白板通过网页JavMcript函数调用所述Flash插件的接口传入所记录的图片状 态信息；
(4c)所述Flash插件接收到图片状态信息后，调用XMLSocket类的方法，将图片状态信 息发送到通讯服务器。
步骤105 通讯服务器接收到图片状态信息后，将图片状态信息发送到同步存储 服务器，在同一时刻，所述同步存储服务器只维护最新的图片状态信息，所述同步存储服务 器将最新的图片状态信息发送到通讯服务器，所述通讯服务器将接收到的图片状态信息转 发给目标用户及源用户。上述技术方案具体包括以下过程
(5a)通讯服务器接收到图片状态信息后，立即转发图片状态信息到同步存储服务器； (5b)所述同步存储服务器存储并更新所述图片状态信息，由于对图片的操作可由多位 源用户在同一时间发起，所以同步存储服务器只保存一份图片状态信息，在每次接收到图 片状态信息时，都将当前的图片状态信息进行更新，以确保图片状态信息的一致性； (5c)所述同步存储服务器将最新的图片状态信息发送到所述通讯服务器； (5d)所述通讯服务器将同步存储服务器发送过来的图片态信息发送到被同步目标用 户及源用户。步骤106 目标用户打开网页并加载Flash插件，自动建立与所述通讯服务器的 永久连接并开始监听所述通讯服务器数据传输，当通讯服务器转发源用户的图片状态信息 时，目标用户及源用户的Flash插件会接收到这些图片状态信息。上述技术方案具体包括以下过程
(6a)目标用户打开网页，自动加载Flash插件，所述Flash插件通过XMLSocket类建立 与通讯服务器永久连接，并且开始监听通讯服务器的数据传输；
(6b)当通讯服务器转发源用户的图片状态信息时，目标用户及源用户的Flash插件会 通过XMLSocket的监听方法接收到这些信息；
(6c)获取所述图片状态消息中的图形坐标和图片坐标，设置图形x、y坐标分别为 drawX和drawY，设置图片x、y坐标分别为imageX和imageY，设置本地的图片x、y坐标分 另1J 为 my ImageX 禾口 my ImageY。步骤107 所述目标用户根据本地的图片坐标、图片状态信息中的图片坐标、图形 坐标重新计算出本地的图形坐标，并根据新的图形坐标画出图形。上述技术方案具体包括以下过程
(7a)所述目标用户获取图片状态信息中的图形坐标和图片坐标，设置图形x、y坐标分 别为drawX和drawY，设置本地的图片x、y坐标分别为mylmageX和mylmageY ；
(7b)所述目标用户将图片状态信息中的图形坐标换算成本地的坐标，换算公式为 横坐标:localX=drawX+myImageX-imageX, 纵坐标:localY=drawY+myImageY-imageY ；
(7c)调用Flash方法创建图形，设置图形的χ属性为localX，设置图形的y属性为 IocalY0实施例二
一种不同分辨率下图片居中后白板同步的系统，包括源用户、通讯服务器、同步存储服 务器及目标用户，其中
通讯服务器将获取的图片状态信息发送至同步存储服务器；
所述同步存储服务器存储并更新图片状态信息，并将更新后的图片状态信息发送至目 标用户及源用户。
5
优选地，通讯服务器获取图片状态信息之前，还包括源用户打开网页，所述网页 自动加载Flash插件，所述Flash插件与所述通讯服务器建立永久连接，且所述Flash插件 开始监听所述通讯服务器的数据传输。优选地，设置Flash的缩放模式为不缩放，设置其对其方式为左上对齐。下面根据附图详细介绍本实施例的工作原理
源用户打开网页，所述网页自动加载Flash插件，所述Flash插件与通讯服务器建立永 久连接，并且开始监听所述通讯服务器数据传输。所述源用户加载Flash，设置所述Flash的缩放模式为不缩放，设置所述Flash的 对齐方式为左上对齐。所述Flash加载需要演示的图片，根据所述图片的尺寸和所述Flash的尺寸，设置 所述图片在白板上居中显示。所述源用户在白板上绘制图形后，调用所述Flash插件接口传入图片状态信息， 然后所述Flash插件调用APKApplication Programming hterface，应用程序编程接口) 将图片状态信息发送到通讯服务器。其中，所述图片状态信息包括但不限于图形的坐标和 图片的坐标。通讯服务器接收到图片状态信息后，将图片状态信息发送到同步存储服务器，在 同一时刻，所述同步存储服务器只维护最新的图片状态信息，所述同步存储服务器将最新 的图片状态信息发送到通讯服务器，所述通讯服务器将接收到的图片状态信息转发给目标 用户及源用户。目标用户打开网页并加载Flash插件，自动建立与所述通讯服务器的永久连接并 开始监听所述通讯服务器数据传输，当通讯服务器转发源用户的图片状态信息时，目标用 户及源用户的Flash插件会接收到这些图片状态信息。所述目标用户根据本地的图片坐标、图片状态信息中的图片坐标、图形坐标重新 计算出本地的图形坐标，并根据新的图形坐标画出图形。与现有技术相比，本发明的有益效果为
(1)可以在不同分辨率下，实现画笔所画的图形的位置的完全统一，没有偏差，用户体 验好；(2)同步及时，平缓，不会出现停顿的现象；(3)由于在每个客户端独自计算图形的位 置，对于服务器端的运算压力小；(4)完全基于网页进行实现，不需要下载任何插件；(5)可 以很方便地运用于其它互联网系统。
本发明尚有多种具体的实施方式，凡采用等同替换或者等效变换而形成的所有技术方 案，均落在本发明要求保护的范围之内。
权利要求
1.一种不同分辨率下图片居中后白板同步的方法，其特征在于通讯服务器将获取的图片状态信息发送至同步存储服务器；所述同步存储服务器存储并更新图片状态信息，并将更新后的图片状态信息发送至目 标用户及源用户。
2.根据权利要求1所述的方法，其特征在于通讯服务器获取图片状态信息之前，还包 括源用户打开网页，所述网页自动加载Flash插件，所述Flash插件与所述通讯服务器建 立永久连接，且所述Flash插件开始监听所述通讯服务器的数据传输。
3.根据权利要求2所述的方法，其特征在于设置Flash的缩放模式为不缩放，设置其 对齐方式为左上对齐。
4.根据权利要求3所述的方法，其特征在于所述Flash加载需要演示的图片，根据所 述图片的尺寸和所述Flash的尺寸，设置所述图片在白板上居中显示。
5.根据权利要求4所述的方法，其特征在于调用所述Flash插件的应用程序编程接 口 API，将所述图片状态信息发送至所述通讯服务器。
6.根据权利要求5所述的方法，其特征在于所述通讯服务器将接收到的所述图片状 态信息转发至所述同步存储服务器。
7.根据权利要求1所述的方法，其特征在于所述目标用户收到所述图片状态信息之 前，还包括所述目标用户打开网页，所述网页自动加载Flash插件，所述Flash插件与所述 通讯服务器建立永久连接，且所述Flash插件开始监听所述通讯服务器的数据传输。
8.—种不同分辨率下图片居中后白板同步的系统，其特征在于包括源用户、通讯服 务器、同步存储服务器及目标用户，其中通讯服务器将获取的图片状态信息发送至同步存储服务器；所述同步存储服务器存储并更新图片状态信息，并将更新后的图片状态信息发送至目 标用户及源用户。
9.根据权利要求8所述的系统，其特征在于通讯服务器获取图片状态信息之前，还包 括源用户打开网页，所述网页自动加载Flash插件，所述Flash插件与所述通讯服务器建 立永久连接，且所述Flash插件开始监听所述通讯服务器的数据传输。
10.根据权利要求9所述的系统，其特征在于设置Flash的缩放模式为不缩放，设置 其对齐方式为左上对齐。
全文摘要
本发明揭示了一种不同分辨率下图片居中后白板同步的方法和系统，应用在网络技术领域，包括如下步骤通讯服务器将获取的图片状态信息发送至同步存储服务器；所述同步存储服务器存储并更新图片状态信息，并将更新后的图片状态信息发送至目标用户及源用户。本发明实现了无需下载安装软件即可实现图片居中后白板同步。
文档编号H04L29/08GK102130972SQ20111010694
公开日2011年7月20日 申请日期2011年4月27日 优先权日2011年4月27日
发明者胡加明 申请人:苏州阔地网络科技有限公司