[發明專利]一種白板同步的方法

有效

• 申請號: 201110059936.8
• 申請日: 2011-03-14
• 公開（公告）號: CN102314466A
• 公開（公告）日: 2012-01-11
• 發明（設計）人: 胡加明
• 申請（專利權）人: 蘇州闊地網絡科技有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30;G06F3/041;G06T11/80
• 代理公司: 暫無信息
• 代理人: 暫無信息

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的尺寸設置圖片在白板居中顯示。