本發(fā)明涉及通信技術(shù)領(lǐng)域，尤其涉及一種圖片同步顯示方法及系統(tǒng)。

背景技術(shù)：

多屏互動是指不同的終端設(shè)備，如常見的智能手機(jī)、平板電腦、電視機(jī)等終端之間進(jìn)行多媒體(音頻、視頻、圖片)內(nèi)容的傳輸、展示等一系列操作。多屏互動可以實(shí)現(xiàn)在不同終端上同時(shí)共享展示內(nèi)容，豐富用戶的多媒體生活。

目前在課堂教學(xué)中老師展示圖片給學(xué)生步驟較多，較為繁瑣，需要老師在電腦上直接上網(wǎng)獲取或者u盤拷貝圖片，并且在同步顯示方面，老師對圖片進(jìn)行旋轉(zhuǎn)、縮放以及移動等操作比較不方便，需要在電腦上直接操作，無法做到遠(yuǎn)程手機(jī)操控，且由于現(xiàn)有技術(shù)將旋轉(zhuǎn)、縮放、移動三種情況的數(shù)據(jù)分別傳輸至同步端，且每次傳輸需要等待同步端的反饋后才能進(jìn)行下一次傳輸，從而使得傳輸效率較低，同步效果差。

技術(shù)實(shí)現(xiàn)要素：

本發(fā)明所要解決的技術(shù)問題是：提供一種高傳輸效率的圖片同步顯示方法及系統(tǒng)。

為了解決上述技術(shù)問題，本發(fā)明采用的技術(shù)方案為：

一種圖片同步顯示方法，包括以下步驟：

s1、第一終端識別到作用在其屏幕顯示的圖片上的觸控操作，所述觸控操作包括至少相鄰兩次的觸控信息，根據(jù)相鄰兩次的觸控信息解析得到移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)和縮放數(shù)據(jù)；

s2、將所述移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)和縮放數(shù)據(jù)生成數(shù)據(jù)包后，發(fā)送至第二終端；

s3、第一終端根據(jù)數(shù)據(jù)包中的移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)和縮放數(shù)據(jù)分別對圖片進(jìn)行移動、旋轉(zhuǎn)和縮放操作，同時(shí)第二終端接收數(shù)據(jù)包后，根據(jù)數(shù)據(jù)包中的移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)和縮放數(shù)據(jù)分別對預(yù)設(shè)的圖片進(jìn)行移動、旋轉(zhuǎn)和縮放操作；

s4、第一終端和第二終端同步顯示操作后的圖片。

本發(fā)明采用的另一技術(shù)方案為：一種圖片同步顯示系統(tǒng)，包括識別模塊、發(fā)送模塊、操作模塊和顯示模塊；

所述識別模塊，用于第一終端識別到作用在其屏幕顯示的圖片上的觸控操作，所述觸控操作包括至少相鄰兩次的觸控信息，根據(jù)相鄰兩次的觸控信息解析得到移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)和縮放數(shù)據(jù)；

所述發(fā)送模塊，用于將所述移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)和縮放數(shù)據(jù)生成數(shù)據(jù)包后，發(fā)送至第二終端；

所述操作模塊，用于第一終端根據(jù)數(shù)據(jù)包中的移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)和縮放數(shù)據(jù)分別對圖片進(jìn)行移動、旋轉(zhuǎn)和縮放操作，同時(shí)第二終端接收數(shù)據(jù)包后，根據(jù)數(shù)據(jù)包中的移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)和縮放數(shù)據(jù)分別對預(yù)設(shè)的圖片進(jìn)行移動、旋轉(zhuǎn)和縮放操作；

所述顯示模塊，用于第一終端和第二終端同步顯示操作后的圖片。

本發(fā)明的有益效果在于：本發(fā)明提供的圖片同步顯示方法及系統(tǒng)，第一終端將移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)和縮放數(shù)據(jù)生成數(shù)據(jù)包后，一次性發(fā)送至第二終端，無需分開發(fā)送，減少數(shù)據(jù)包的發(fā)送次數(shù)，節(jié)約發(fā)送期間的等待時(shí)長，進(jìn)而提升數(shù)據(jù)包傳輸效率，第一終端與第二終端能夠同步顯示移動、旋轉(zhuǎn)和縮放操作后的圖片。老師在第一終端上對圖片進(jìn)行操作時(shí)，可在學(xué)生的電腦上同步顯示操作后圖片，通過上述方式，不僅操作簡單，而且增加用戶體驗(yàn)。

附圖說明

圖1為本發(fā)明的一種圖片同步顯示方法的步驟流程圖；

圖2為本發(fā)明的一種圖片同步顯示系統(tǒng)的結(jié)構(gòu)示意圖；

標(biāo)號說明：

1、識別模塊；2、發(fā)送模塊；3、操作模塊；4、顯示模塊。

具體實(shí)施方式

為詳細(xì)說明本發(fā)明的技術(shù)內(nèi)容、所實(shí)現(xiàn)目的及效果，以下結(jié)合實(shí)施方式并配合附圖予以說明。

本發(fā)明最關(guān)鍵的構(gòu)思在于：第一終端將移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)和縮放數(shù)據(jù)生成數(shù)據(jù)包后，一次性發(fā)送至第二終端，無需分開發(fā)送，減少數(shù)據(jù)包的發(fā)送次數(shù)，節(jié)約發(fā)送期間的等待時(shí)長，進(jìn)而提升數(shù)據(jù)包傳輸效率。

請參照圖1，本發(fā)明提供的一種圖片同步顯示方法，包括以下步驟：

s1、第一終端識別到作用在其屏幕顯示的圖片上的觸控操作，所述觸控操作包括至少相鄰兩次的觸控信息，根據(jù)相鄰兩次的觸控信息解析得到移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)和縮放數(shù)據(jù)；

s2、將所述移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)和縮放數(shù)據(jù)生成數(shù)據(jù)包后，發(fā)送至第二終端；

s3、第一終端根據(jù)數(shù)據(jù)包中的移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)和縮放數(shù)據(jù)分別對圖片進(jìn)行移動、旋轉(zhuǎn)和縮放操作，同時(shí)第二終端接收數(shù)據(jù)包后，根據(jù)數(shù)據(jù)包中的移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)和縮放數(shù)據(jù)分別對預(yù)設(shè)的圖片進(jìn)行移動、旋轉(zhuǎn)和縮放操作；

s4、第一終端和第二終端同步顯示操作后的圖片。

從上述描述可知，本發(fā)明的有益效果在于：本發(fā)明提供的圖片同步顯示方法，第一終端將移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)和縮放數(shù)據(jù)生成數(shù)據(jù)包后，一次性發(fā)送至第二終端，無需分開發(fā)送，減少數(shù)據(jù)包的發(fā)送次數(shù)，節(jié)約發(fā)送期間的等待時(shí)長，進(jìn)而提升數(shù)據(jù)包傳輸效率，第一終端與第二終端能夠同步顯示移動、旋轉(zhuǎn)和縮放操作后的圖片。老師在第一終端上對圖片進(jìn)行操作時(shí)，可在學(xué)生的電腦上同步顯示操作后圖片，通過上述方式，不僅操作簡單，而且增加用戶體驗(yàn)。

進(jìn)一步的，所述s1之前還包括：

s0、將第一終端屏幕顯示的圖片轉(zhuǎn)換為文件流后發(fā)送至第二終端存儲。

由上述描述可知，在具體實(shí)施方式中，預(yù)先將需要進(jìn)行操作的圖片發(fā)送至需要同步的終端，即為第二終端，后續(xù)只需發(fā)送數(shù)據(jù)包(移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)和縮放數(shù)據(jù))至第二終端即可，從而提高數(shù)據(jù)傳輸效率。

進(jìn)一步的，所述s1中的“觸控操作”的識別方法為：

若第一終端識別到作用在其屏幕顯示的圖片上的第一觸控信息，記錄所述第一觸控信息并計(jì)時(shí)；

若第一終端識別到作用在其屏幕顯示的圖片上的第二觸控信息，得到計(jì)時(shí)時(shí)長；

若計(jì)時(shí)時(shí)長在預(yù)設(shè)的有效時(shí)長范圍內(nèi)，記錄所述第二觸控信息，確認(rèn)第一終端識別到作用在其屏幕顯示的圖片上的觸控操作。

由上述描述可知，在具體實(shí)施方式中，通過兩個觸控信息再結(jié)合預(yù)設(shè)有效時(shí)長來判斷是否為觸控操作，其中進(jìn)一步還需要判斷是否是作用在終端屏幕顯示的圖片上，若不是點(diǎn)擊在圖片上，則不響應(yīng)，不生成觸控信息。

進(jìn)一步的，所述s1中的“觸控操作”的識別方法還包括：

若計(jì)時(shí)時(shí)長不在預(yù)設(shè)的有效時(shí)長范圍內(nèi)，刪除所述第一觸控信息，記錄所述第二觸控信息，將所述第二觸控信息作為新的第一觸控信息并重新計(jì)時(shí)。

由上述描述可知，在具體實(shí)施方式中，若不在預(yù)設(shè)有效時(shí)長范圍內(nèi)識別到第二觸控信息，則認(rèn)為第一觸控信息為無效操作，因此立即刪除掉第一觸控信息，節(jié)省存儲空間，并且將所述第二觸控信息作為新的第一觸控信息并重新計(jì)時(shí)，繼續(xù)識別過程。

進(jìn)一步的，所述第一終端為手機(jī)，第二終端為pc機(jī)。

由上述描述可知，在具體實(shí)施方式中，通過在手機(jī)端上操作，同步到pc機(jī)上。

參閱圖2，本發(fā)明還提供的一種圖片同步顯示系統(tǒng)，包括識別模塊1、發(fā)送模塊2、操作模塊3和顯示模塊4；

所述識別模塊1，用于第一終端識別到作用在其屏幕顯示的圖片上的觸控操作，所述觸控操作包括至少相鄰兩次的觸控信息，根據(jù)相鄰兩次的觸控信息解析得到移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)和縮放數(shù)據(jù)；

所述發(fā)送模塊2，用于將所述移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)和縮放數(shù)據(jù)生成數(shù)據(jù)包后，發(fā)送至第二終端；

所述操作模塊3，用于第一終端根據(jù)數(shù)據(jù)包中的移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)和縮放數(shù)據(jù)分別對圖片進(jìn)行移動、旋轉(zhuǎn)和縮放操作，同時(shí)第二終端接收數(shù)據(jù)包后，根據(jù)數(shù)據(jù)包中的移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)和縮放數(shù)據(jù)分別對預(yù)設(shè)的圖片進(jìn)行移動、旋轉(zhuǎn)和縮放操作；

所述顯示模塊4，用于第一終端和第二終端同步顯示操作后的圖片。

從上述描述可知，本發(fā)明的有益效果在于：本發(fā)明提供的圖片同步顯示系統(tǒng)，第一終端將移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)和縮放數(shù)據(jù)生成數(shù)據(jù)包后，一次性發(fā)送至第二終端，無需分開發(fā)送，減少數(shù)據(jù)包的發(fā)送次數(shù)，節(jié)約發(fā)送期間的等待時(shí)長，進(jìn)而提升數(shù)據(jù)包傳輸效率，第一終端與第二終端能夠同步顯示移動、旋轉(zhuǎn)和縮放操作后的圖片。老師在第一終端上對圖片進(jìn)行操作時(shí)，可在學(xué)生的電腦上同步顯示操作后圖片，通過上述方式，不僅操作簡單，而且增加用戶體驗(yàn)。

進(jìn)一步的，還包括存儲模塊，用于將第一終端屏幕顯示的圖片轉(zhuǎn)換為文件流后發(fā)送至第二終端存儲。

由上述描述可知，在具體實(shí)施方式中，預(yù)先將需要進(jìn)行操作的圖片發(fā)送至需要同步的終端，即為第二終端，后續(xù)只需發(fā)送數(shù)據(jù)包(移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)和縮放數(shù)據(jù))至第二終端即可，從而提高數(shù)據(jù)傳輸效率。

進(jìn)一步的，所述識別模塊，還用于若第一終端識別到作用在其屏幕顯示的圖片上的第一觸控信息，記錄所述第一觸控信息并計(jì)時(shí)；若第一終端識別到作用在其屏幕顯示的圖片上的第二觸控信息，得到計(jì)時(shí)時(shí)長；若計(jì)時(shí)時(shí)長在預(yù)設(shè)的有效時(shí)長范圍內(nèi)，記錄所述第二觸控信息，確認(rèn)第一終端識別到作用在其屏幕顯示的圖片上的觸控操作。

由上述描述可知，在具體實(shí)施方式中，通過兩個觸控信息再結(jié)合預(yù)設(shè)有效時(shí)長來判斷是否為觸控操作，其中進(jìn)一步還需要判斷是否是作用在終端屏幕顯示的圖片上，若不是點(diǎn)擊在圖片上，則不響應(yīng)，不生成觸控信息。

進(jìn)一步的，所述識別模塊，還用于若計(jì)時(shí)時(shí)長不在預(yù)設(shè)的有效時(shí)長范圍內(nèi)，刪除所述第一觸控信息，記錄所述第二觸控信息，將所述第二觸控信息作為新的第一觸控信息并重新計(jì)時(shí)。

由上述描述可知，在具體實(shí)施方式中，若不在預(yù)設(shè)有效時(shí)長范圍內(nèi)識別到第二觸控信息，則認(rèn)為第一觸控信息為無效操作，因此立即刪除掉第一觸控信息，節(jié)省存儲空間，并且將所述第二觸控信息作為新的第一觸控信息并重新計(jì)時(shí)，繼續(xù)識別過程。

進(jìn)一步的，所述第一終端為手機(jī)，第二終端為pc機(jī)。

請參照圖1-2，本發(fā)明的實(shí)施例一為：

本發(fā)明提供的一種圖片同步顯示方法，應(yīng)用在兩個終端之間的交互過程，兩個終端中的第一終端為手機(jī)，第二終端為pc機(jī)，方法包括以下步驟：

s0、將手機(jī)屏幕顯示的圖片轉(zhuǎn)換為文件流后發(fā)送至pc機(jī)上存儲。

在實(shí)施方式中，先通過現(xiàn)有的有線或者無線技術(shù)，將手機(jī)和pc機(jī)建立連接，將手機(jī)上的圖片文件展示在手機(jī)上，并轉(zhuǎn)換為文件流傳輸?shù)絧c機(jī)端，將圖片展示在電腦大屏幕上進(jìn)行教學(xué)演示。

s1、手機(jī)識別到作用在其屏幕顯示的圖片上的觸控操作，所述觸控操作包括至少相鄰兩次的觸控信息，根據(jù)相鄰兩次的觸控信息解析得到移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)和縮放數(shù)據(jù)；

所述s1中的“觸控操作”的識別方法為：

若手機(jī)識別到作用在其屏幕顯示的圖片上的第一觸控信息，記錄所述第一觸控信息并計(jì)時(shí)；

若手機(jī)識別到作用在其屏幕顯示的圖片上的第二觸控信息，得到計(jì)時(shí)時(shí)長；

若計(jì)時(shí)時(shí)長在預(yù)設(shè)的有效時(shí)長范圍內(nèi)，記錄所述第二觸控信息，確認(rèn)第一終端識別到作用在其屏幕顯示的圖片上的觸控操作。

若計(jì)時(shí)時(shí)長不在預(yù)設(shè)的有效時(shí)長范圍內(nèi)，刪除所述第一觸控信息，記錄所述第二觸控信息，將所述第二觸控信息作為新的第一觸控信息并重新計(jì)時(shí)。

在實(shí)施方式中，老師觸控手機(jī)屏幕，獲取兩點(diǎn)觸控信息，并記錄觸控點(diǎn)信息。在獲取到最新觸控點(diǎn)信息后，與上一觸控點(diǎn)信息比較，根據(jù)觸控位置的相對變化，將觸控信息解析成移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)、縮放數(shù)據(jù)。通過矩陣運(yùn)算將移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)、縮放數(shù)據(jù)計(jì)算成變換矩陣。其中變換矩陣運(yùn)算方法如下：

1、移動數(shù)據(jù)：設(shè)某點(diǎn)向x方向移動dx，y方向移動dy，[x，y]為變換前坐標(biāo)，[x，y]為變換后坐標(biāo)。則x＝x+dx；y＝y(tǒng)+dy；

以矩陣表示：

變化矩陣為：

2、旋轉(zhuǎn)數(shù)據(jù)：旋轉(zhuǎn)相比平移稍稍復(fù)雜，設(shè)某點(diǎn)與原點(diǎn)連線和x軸夾角為b度，以原點(diǎn)為圓心，逆時(shí)針轉(zhuǎn)過a度，原點(diǎn)與該點(diǎn)連線長度為r，[x，y]為變換前坐標(biāo)，[x，y]為變換后坐標(biāo)。

x＝rcos(b)，y＝rsin(b)；

x＝rcos(a+b)＝rcosacosb-rsinasinb＝xcosa-ysina；

y＝rsin(a+b)＝rsinacosb+rcosasinb＝xsina+ycosa；

以矩陣表示：

變化矩陣為：

3、縮放數(shù)據(jù)：設(shè)某點(diǎn)坐標(biāo)，在x軸方向擴(kuò)大sx倍，y軸方向擴(kuò)大sy倍，[x，y]為變換前坐標(biāo)，[x，y]為變換后坐標(biāo)。

x＝sx*x；y＝sy*y；

以矩陣表示：

變化矩陣為：

組合后的變換矩陣是將三個變化矩陣(移動、旋轉(zhuǎn)和縮放)變換為一個矩陣，從而可以有效減少發(fā)送次數(shù)。

組合后的變換矩陣為：

上述的組合后的變換矩陣為下文中的數(shù)據(jù)包內(nèi)的主要數(shù)據(jù)。

s2、將所述移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)和縮放數(shù)據(jù)生成數(shù)據(jù)包后，發(fā)送至pc機(jī)；

s3、手機(jī)根據(jù)數(shù)據(jù)包中的移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)和縮放數(shù)據(jù)分別對圖片進(jìn)行移動、旋轉(zhuǎn)和縮放操作，同時(shí)pc機(jī)接收數(shù)據(jù)包后，根據(jù)數(shù)據(jù)包中的移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)和縮放數(shù)據(jù)分別對預(yù)設(shè)的圖片進(jìn)行移動、旋轉(zhuǎn)和縮放操作；

在實(shí)施方式中，使用變化矩陣操作圖片，實(shí)時(shí)同步手機(jī)端和電腦端的動作；根據(jù)這些數(shù)據(jù)對手機(jī)屏幕上的圖片進(jìn)行改變，實(shí)時(shí)將變換矩陣組成數(shù)據(jù)包，實(shí)時(shí)傳輸?shù)诫娔X端，用變換矩陣對電腦屏幕上的圖片進(jìn)行改變。

s4、手機(jī)和pc機(jī)同步顯示操作后的圖片。

另外可以通過手機(jī)端對圖片進(jìn)行批注，具體為：

老師觸控手機(jī)屏幕，獲取觸控信息，根據(jù)不同的觸控點(diǎn)的移動軌跡解析成相對于圖片頂點(diǎn)的位置軌跡信息，使用軌跡位置信息，實(shí)時(shí)的在手機(jī)端圖片和電腦端圖片上標(biāo)注出軌跡，達(dá)到同步標(biāo)記的效果，根據(jù)這些數(shù)據(jù)對手機(jī)端圖片進(jìn)行畫筆軌跡標(biāo)注，實(shí)時(shí)地將軌跡位置信息組織成數(shù)據(jù)包，實(shí)時(shí)的傳輸?shù)诫娔X端，用這些位置信息在電腦屏幕上的圖片描繪出相同的畫筆軌跡。

綜上所述，本發(fā)明提供的一種圖片同步顯示方法及系統(tǒng)，第一終端將移動數(shù)據(jù)、旋轉(zhuǎn)數(shù)據(jù)和縮放數(shù)據(jù)生成數(shù)據(jù)包后，一次性發(fā)送至第二終端，無需分開發(fā)送，減少數(shù)據(jù)包的發(fā)送次數(shù)，節(jié)約發(fā)送期間的等待時(shí)長，進(jìn)而提升數(shù)據(jù)包傳輸效率，第一終端與第二終端能夠同步顯示移動、旋轉(zhuǎn)和縮放操作后的圖片。老師在第一終端上對圖片進(jìn)行操作時(shí)，可在學(xué)生的電腦上同步顯示操作后圖片，通過上述方式，不僅操作簡單，而且增加用戶體驗(yàn)。

以上所述僅為本發(fā)明的實(shí)施例，并非因此限制本發(fā)明的專利范圍，凡是利用本發(fā)明說明書及附圖內(nèi)容所作的等同變換，或直接或間接運(yùn)用在相關(guān)的技術(shù)領(lǐng)域，均同理包括在本發(fā)明的專利保護(hù)范圍內(nèi)。