一种网页上实现的不同分辨率下图片居中后白板同步的方法

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所述的一种网页上实现的不同分辨率下图片居中后白板同步的方法，其特征在于，其中步骤1)中所述通讯系统是指：可以从1个用户发送到1个或多个用户的即时通讯系统。
4.如权利要求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可以确保图片始终在可见区内显示。
5.如权利要求1所述的一种网页上实现的不同分辨率下图片居中后白板同步的方法，其特征在于，其中步骤3)包含如下过程：
3a)控制端用户，在白板上画出图形；
3b)flash同时将构成图形的所有坐标数据和当前居中的图片坐标通过通讯系统发送给所有的客户端。
6.如权利要求1所述的一种网页上实现的不同分辨率下图片居中后白板同步的方法，其特征在于，其中步骤4)包含如下过程：
4a)客户端用户从通讯系统中收到消息后，解析消息数据；
4b)获取消息中的图形坐标和图片坐标，设置图形x、y坐标分别为drawX和drawY，设置图片x、y坐标分别为imageX和imageY，设置本地的图片x、y坐标分别为myImageX和myImageY。
7.如权利要求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。
8.如权利要求1所述的一种网页上实现的不同分辨率下图片居中后白板同步的方法，其特征在于：控制端的白板图片居中对齐后，将图片的坐标、图形的坐标都发送给客户端，客户端在收到这些坐标数据后，将图形坐标换算成客户端本地的坐标后在白板上显示出来。

暂无