[发明专利]一种白板同步的方法有效
申请号: | 201110059936.8 | 申请日: | 2011-03-14 |
公开(公告)号: | CN102314466A | 公开(公告)日: | 2012-01-11 |
发明(设计)人: | 胡加明 | 申请(专利权)人: | 苏州阔地网络科技有限公司 |
主分类号: | G06F17/30 | 分类号: | G06F17/30;G06F3/041;G06T11/80 |
代理公司: | 暂无信息 | 代理人: | 暂无信息 |
地址: | 215121 江苏省苏州市工*** | 国省代码: | 江苏;32 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 白板 同步 方法 | ||
1.一种白板同步的方法,其特征在于,包括以下步骤,
1)用户打开网页,加载flash,设置flash缩放模式为不缩放,设置对齐方式为左上对齐;
2)flash加载需要演示的图片,根据图片的尺寸和flash的尺寸设置图片在白板居中显示;
3)控制端用户,在白板上画图形后,发送图形的坐标和图片的坐标到所有的客户端;
4)客户端用户收到消息后,获取消息中的图形坐标和图片坐标;
5)客户端根据本地的图片坐标、消息中的图片坐标、图形坐标重新计算出本地的图形坐标,并根据新的图形坐标画出图形。
2.如权利要求1所述的方法,其特征在于,其中步骤1)包含如下过程:
1a)用户打开网页,加载一个flash,设置flash的stage.scaleMode为StageScaleMode.NO_SCALE;
1b)设置flash的stage.align属性为StageAlign.TOP_LEFT,使舞台左上对齐;
1c)flash连接通讯系统。
3.如权利要求1所述的方法,其特征在于,其中步骤2)包含如下过程:
2a)增加一个容器作为白板,flash加载图片到白板,并增加图片的complete事件监听;
2b)图片加载完成后,触发complete事件,flash根据舞台的尺寸和图片的实际尺寸计算出图片居中的坐标,舞台的尺寸设置宽度为:stageWidth,设置高度为:stageHeight,图片的实际尺寸设置宽度为:imageWidth,设置高度为:imageHeight,居中坐标计算公式为:x横坐标px=(stageWidth-imageWidth)/2,y纵坐标py=(stageHeight-imageHeight)/2;
2c)设置图片的x属性为Math.max(0,px),设置图片的y属性为Math.max(0,py),此处的Math.max可以确保图片始终在可见区内显示。
4.如权利要求1所述的方法,其特征在于,其中步骤3)包含如下过程:
3a)控制端用户,在白板上画出图形;
3b)flash同时将构成图形的所有坐标数据和当前居中的图片坐标通过通讯系统发送给所有的客户端。
5.如权利要求1所述的方法,其特征在于,其中步骤4)包含如下过程:
4a)客户端用户从通讯系统中收到消息后,解析消息数据;
4b)获取消息中的图形坐标和图片坐标,设置图形x、y坐标分别为drawX和drawY,设置图片x、y坐标分别为imageX和imageY,设置本地的图片x、y坐标分别为myImageX和myImageY。
6.如权利要求1所述的方法,其特征在于,其中步骤5)包含如下过程:
5a)获取消息中的图形坐标和图片坐标,设置图形x、y坐标分别为drawX和drawY,设置本地的图片x、y坐标分别为myImageX和myImageY;
5b)客户端将消息中的图形坐标换算成本地的坐标,换算公式为:横坐标localX=drawX+myImageX-imageX,纵坐标localY=drawY+myImageY-imageY;
5c)调用flash方法创建图形,设置图形的x属性为localX,设置图形的y属性为localY。
7.如权利要求1所述的方法,其特征在于:控制端的白板图片居中对齐后,将图片的坐标、图形的坐标都发送给客户端,客户端在收到这些坐标数据后,将图形坐标换算成客户端本地的坐标后在白板上显示出来。
8.一种白板同步的方法,其特征在于:控制端用户的白板图片居中对齐后,将图片、图形坐标发送给所有客户端并由所述客户端结合本地的图片坐标,计算出本地的图形坐标,并根据新的图形坐标画出图形。
9.根据权利要求8所述的方法,其特征在于:用户打开网页,加载flash,设置所述flash缩放模式为不缩放,设置对齐方式为左上对齐;所述flash加载需要演示的图片,根据图片的尺寸和所述flash的尺寸设置图片在白板居中显示。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于苏州阔地网络科技有限公司,未经苏州阔地网络科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201110059936.8/1.html,转载请声明来源钻瓜专利网。