本發(fā)明涉及信息處理技術(shù)領(lǐng)域，特別是涉及一種繪制座位圖的方法和裝置。

背景技術(shù)：

目前，越來越多的票務(wù)網(wǎng)頁提供在線座位圖供用戶選擇購買自己想要的座位，在購買之后座位會被鎖定，在這之后的用戶不能選擇被鎖定的座位。在現(xiàn)有技術(shù)中，繪制在線座位圖的方式是在網(wǎng)頁中插入多個(gè)文檔對象模型(英文：Document Object Model，縮寫：DOM)，每個(gè)DOM對象在網(wǎng)頁中顯示為一個(gè)座位，也就是說，被插入多個(gè)DOM對象在網(wǎng)頁中顯示為座位圖。具體地，瀏覽器獲得服務(wù)器端的有關(guān)座位的信息后，創(chuàng)建和座位個(gè)數(shù)相同數(shù)量個(gè)DOM對象，瀏覽器將上述DOM對象統(tǒng)一插入到網(wǎng)頁中，其中，每個(gè)DOM對象在網(wǎng)頁中顯示為一個(gè)座位。但發(fā)明人經(jīng)過研究發(fā)現(xiàn)，因?yàn)闉g覽器本身原因，創(chuàng)建和插入DOM對象會觸發(fā)瀏覽器其他操作行為很耗費(fèi)時(shí)間，尤其是座位圖中座位數(shù)量較多時(shí)，創(chuàng)建和插入較多的DOM對象就會花費(fèi)更多的時(shí)間，進(jìn)而網(wǎng)頁顯示座位圖，即生成座位圖需要的時(shí)間也更多?？梢?，基于多個(gè)DOM對象繪制在線座位圖的方法，多個(gè)DOM對象的創(chuàng)建與插入耗時(shí)較多，導(dǎo)致網(wǎng)頁加載過慢，影響用戶購票體驗(yàn)。

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

本發(fā)明所要解決的技術(shù)問題是，提供一種繪制座位圖的方法和裝置，利用瀏覽器支持的畫布(英文：Canvas)技術(shù)繪制座位圖，以減少生成和插入DOM對象的操作，耗時(shí)短，從而網(wǎng)頁加載快，改善了用戶體驗(yàn)。

第一方面，提供了一種生成座位圖的方法，包括：

響應(yīng)于為座位集合繪制座位圖的指令，在網(wǎng)頁中插入一個(gè)畫布對象，所述畫布對象用于在網(wǎng)頁上顯示畫布；

對于所述座位集合中的座位，根據(jù)所述座位的行列信息，計(jì)算所述座位在所述畫布中的坐標(biāo)，所述行列信息用于描述所述座位集合中所述座位所在的行和列；

根據(jù)所述座位在所述畫布中的坐標(biāo)，在所述畫布中繪制所述座位，以便在所述畫布上形成與所述座位集合對應(yīng)的座位圖。

優(yōu)選的，還包括：

根據(jù)所述座位集合占據(jù)實(shí)際空間的大小設(shè)置所述畫布的大小。

優(yōu)選的，所述座位集合占據(jù)實(shí)際空間的大小由所述座位集合中座位的數(shù)量，所述座位的大小和所述座位之間的距離計(jì)算得到。

優(yōu)選的，還包括：

存儲所述行列信息和與所述行列信息對應(yīng)的所述座位的標(biāo)識。

優(yōu)選的，還包括：

響應(yīng)于用戶的點(diǎn)擊座位圖中座位的操作，獲取所述點(diǎn)擊位置的坐標(biāo)；

將所述點(diǎn)擊位置的坐標(biāo)轉(zhuǎn)換為所述坐標(biāo)所屬的行列信息；

根據(jù)與所述坐標(biāo)所屬的行列信息對應(yīng)的所述座位的標(biāo)識確定目標(biāo)座位；

將所述目標(biāo)座位的信息發(fā)送給服務(wù)器，以便服務(wù)器鎖定所述目標(biāo)座位。

第一方面，提供了一種生成座位圖的裝置，包括：

插入單元，用于響應(yīng)于為座位集合繪制座位圖的指令，在網(wǎng)頁中插入一個(gè)畫布對象，所述畫布對象用于在網(wǎng)頁上顯示畫布；

計(jì)算單元，用于對于所述座位集合中的座位，根據(jù)所述座位的行列信息，計(jì)算所述座位在所述畫布中的坐標(biāo)，所述行列信息用于描述所述座位集合中所述座位所在的行和列；

繪制單元，根據(jù)所述座位在所述畫布中的坐標(biāo)，在所述畫布中繪制所述座位，以便在所述畫布上形成與所述座位集合對應(yīng)的座位圖。

優(yōu)選的，還包括：

設(shè)置單元，用于根據(jù)所述座位集合占據(jù)實(shí)際空間的大小設(shè)置所述畫布的大小。

優(yōu)選的，所述座位集合占據(jù)實(shí)際空間的大小由所述座位集合中座位的數(shù)量，所述座位的大小和所述座位之間的距離計(jì)算得到。

優(yōu)選的，還包括：

存儲單元，用于存儲所述行列信息和與所述行列信息對應(yīng)的所述座位的標(biāo)識。

優(yōu)選的，還包括：

獲取單元，用于響應(yīng)于用戶的點(diǎn)擊座位圖中座位的操作，獲取所述點(diǎn)擊位置的坐標(biāo)；

轉(zhuǎn)換單元，用于將所述點(diǎn)擊位置的坐標(biāo)轉(zhuǎn)換為所述坐標(biāo)所屬的行列信息；

確定單元，用于根據(jù)與所述坐標(biāo)所屬的行列信息對應(yīng)的所述座位的標(biāo)識確定目標(biāo)座位；

發(fā)送單元，用于將所述目標(biāo)座位的信息發(fā)送給服務(wù)器，以便服務(wù)器鎖定所述目標(biāo)座位。

與現(xiàn)有技術(shù)相比，本發(fā)明具有以下優(yōu)點(diǎn)：

在本發(fā)明實(shí)施例中,響應(yīng)于為座位集合繪制座位圖的指令，在網(wǎng)頁中插入一個(gè)畫布對象，所述畫布對象用于在網(wǎng)頁上顯示畫布；對于所述座位集合中的座位，根據(jù)所述座位的行列信息，計(jì)算所述座位在所述畫布中的坐標(biāo)，根據(jù)所述座位在所述畫布中的坐標(biāo)，在所述畫布中繪制所述座位以形成座位圖。由此可見，現(xiàn)有技術(shù)中每個(gè)DOM都是獨(dú)立的，需要?jiǎng)?chuàng)建并插入與所述座位數(shù)量相同的DOM對象才能繪制出座位圖，而本發(fā)明實(shí)施例只需要在網(wǎng)頁中插入一個(gè)畫布對象，通過所述座位的行列信息計(jì)算所述座位在畫布上的坐標(biāo)就可以畫布上繪制出整個(gè)座位圖，不需要多次創(chuàng)建和插入DOM對像，這樣就大大減少了繪制座位形成座位圖的時(shí)間，從而也減少了頁面加載的時(shí)間，提高了用戶的體驗(yàn)。

附圖說明

為了更清楚地說明本發(fā)明實(shí)施例中的技術(shù)方案，下面將對實(shí)施例描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本申請中記載的一些實(shí)施例，對于本領(lǐng)域普通技術(shù)人員來講，還可以根據(jù)這些附圖獲得其他的附圖。

圖1為本發(fā)明實(shí)施例中一種應(yīng)用場景所涉及的系統(tǒng)框架示意圖；

圖2為本發(fā)明實(shí)施例中一種繪制座位圖的方法的流程示意圖；

圖3為本發(fā)明實(shí)施例中另一種繪制座位圖的方法的流程示意圖；

圖4為本發(fā)明實(shí)施例中一種繪制座位圖的裝置的結(jié)構(gòu)示意圖。

具體實(shí)施方式

為了使本技術(shù)領(lǐng)域的人員更好地理解本申請方案，下面將結(jié)合本申請實(shí)施例中的附圖，對本申請實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例僅是本申請一部分實(shí)施例，而不是全部的實(shí)施例?；诒旧暾堉械膶?shí)施例，本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動前提下所獲得的所有其他實(shí)施例，都屬于本申請保護(hù)的范圍。

發(fā)明人經(jīng)過研究發(fā)現(xiàn)，現(xiàn)有技術(shù)的方式創(chuàng)建和插入DOM對象會觸發(fā)瀏覽器其他操作行為很耗費(fèi)時(shí)間，尤其是座位圖中座位數(shù)量較多時(shí)，創(chuàng)建和插入較多的DOM對象就會花費(fèi)更多的時(shí)間，進(jìn)而網(wǎng)頁顯示座位圖，即生成座位圖需要的時(shí)間也更多，導(dǎo)致網(wǎng)頁加載過慢，影響用戶購票體驗(yàn)。

為了解決這一問題，在本發(fā)明實(shí)施例中，響應(yīng)于為座位集合繪制座位圖的指令，在網(wǎng)頁中插入一個(gè)畫布對象，所述畫布對象用于在網(wǎng)頁上顯示畫布；對于所述座位集合中的座位，根據(jù)所述座位的行列信息，計(jì)算所述座位在所述畫布中的坐標(biāo)，根據(jù)所述座位在所述畫布中的坐標(biāo)，在所述畫布中繪制所述座位以形成座位圖。由此可見，現(xiàn)有技術(shù)中每個(gè)DOM都是獨(dú)立的，需要?jiǎng)?chuàng)建并插入與所述座位數(shù)量相同的DOM對象才能繪制出座位圖，而本發(fā)明實(shí)施例只需要在網(wǎng)頁中插入一個(gè)畫布對象，通過所述座位的行列信息計(jì)算所述座位在畫布上的坐標(biāo)就可以畫布上繪制出整個(gè)座位圖，不需要多次創(chuàng)建和插入DOM對像，這樣就大大減少了繪制座位形成座位圖的時(shí)間，從而也減少了頁面加載的時(shí)間，提高了用戶的體驗(yàn)。

舉例來說，本發(fā)明實(shí)施例的場景之一，可以是應(yīng)用到如圖1所示的場景中。該場景可以包括服務(wù)器101、瀏覽器102、網(wǎng)頁103，其中，服務(wù)器101和瀏覽器102可以交互，瀏覽器102和網(wǎng)頁103可以交互。瀏覽器102在接收到服務(wù)器101發(fā)送的為座位集合繪制座位圖的指令后，響應(yīng)于為座位集合繪制座位圖的指令，在網(wǎng)頁103中插入一個(gè)畫布對象，所述畫布對象用于在網(wǎng)頁103上顯示畫布；對于所述座位集合中的座位，瀏覽器102根據(jù)所述座位的行列信息，計(jì)算所述座位在所述畫布中的坐標(biāo)，所述行列信息用于描述在所述座位集合中所述座位所在的行和列；瀏覽器102根據(jù)所述座位在所述畫布中的坐標(biāo)，在所述畫布中繪制所述座位，以便在所述畫布上形成與所述座位集合對應(yīng)的座位圖。

可以理解的是，在上述應(yīng)用場景中，雖然將本發(fā)明實(shí)施方式的動作描述由瀏覽器102執(zhí)行，但是本發(fā)明在執(zhí)行主體方面不受限制，只要執(zhí)行了本發(fā)明實(shí)施方式所公開的動作即可。

可以理解的是，上述場景僅是本發(fā)明實(shí)施例提供的一個(gè)場景示例，本發(fā)明實(shí)施例并不限于此場景。

下面結(jié)合附圖，通過實(shí)施例來詳細(xì)說明本發(fā)明實(shí)施例中繪制座位圖的方法、裝置和設(shè)備的具體實(shí)現(xiàn)方式。

示例性方法

參見圖2，示出了本發(fā)明實(shí)施例中一種生成座位圖的方法的流程示意圖，在本實(shí)施例中，所述方法例如可以包括以下步驟：

步驟201：響應(yīng)于為座位集合繪制座位圖的指令，在網(wǎng)頁中插入一個(gè)畫布對象，所述畫布對象用于在網(wǎng)頁上顯示畫布。

所述座位集合可以是一定空間內(nèi)所有座位的一個(gè)集合，例如電影院中一個(gè)廳所有觀影座位的集合。

所述畫布是一個(gè)矩形區(qū)域，可以控制其每一像素，畫布有它自己本身的屬性、方法和事件，其中就有繪圖的方法，利用瀏覽器支持的腳本語言調(diào)用畫布接口就可以在所述畫布上可以繪制矩形、圓形、字符等。

步驟202：對于所述座位集合中的座位，根據(jù)所述座位的行列信息，計(jì)算所述座位在所述畫布中的坐標(biāo)，所述行列信息用于描述所述座位集合中所述座位所在的行和列。

步驟203：根據(jù)所述座位在所述畫布中的坐標(biāo)，在所述畫布中繪制所述座位，以便在所述畫布上形成與所述座位集合對應(yīng)的座位圖。

需要說明的是，在繪制座位時(shí)，不考慮畫布的大小，僅依照所述座位的行列信息計(jì)算出的坐標(biāo)繪制座位，此種方式可能出現(xiàn)僅僅繪制出的座位的行列信息與座位集合相同，而座位的大小、座位之間的距離等與座位集合相似度低。如果插入畫布對象后所顯示的畫布的大小與所述座位集合占據(jù)實(shí)際空間的大小成有相應(yīng)的關(guān)系，例如成比例時(shí)，繪制出的座位圖中座位的行列信息、座位的大小以及座位之間的距離與座位集合的相似度更高。因此，在本實(shí)施例的一些實(shí)施方式中，例如還可以包括：根據(jù)所述座位集合占據(jù)實(shí)際空間的大小設(shè)置所述畫布的大小。例如，在得到所述座位集合占據(jù)實(shí)際空間的大小后，成比例的壓縮來設(shè)置所述畫布大小。

可以理解的是，一般情況下，獲取座位集合的數(shù)據(jù)中有座位的大小、座位之間的距離和座位的數(shù)量，這時(shí)可以根據(jù)單個(gè)座位的大小、座位之間的距離和行列中座位的數(shù)量可以計(jì)算座位集合的行列大小，從而得到所述座位集合占據(jù)實(shí)際空間的大小。在本實(shí)施例中，所述座位集合占據(jù)實(shí)際空間的大小由所述座位集合中座位的數(shù)量，所述座位的大小和所述座位之間的距離計(jì)算得到。當(dāng)然并不限于上述方式得到座位集合占據(jù)實(shí)際空間的大小，也可以是客戶端直接從服務(wù)器獲取所述座位集合占據(jù)實(shí)際空間的大小。

需要說明的是，繪制座位有兩種方式，一種是計(jì)算一個(gè)座位在所述畫布中的坐標(biāo)后，然后所述畫布中繪制一個(gè)座位，直至繪制出所有座位；另一種是一次性計(jì)算所有座位在所述畫布中的坐標(biāo)后，在所述畫布中一次性繪制所述所有座位。

需要說明的是，獲取到所述座位的行列信息后，保存行列信息以及與所述行列信息對應(yīng)的所述座位的標(biāo)識，以便當(dāng)知道坐標(biāo)信息時(shí)，可以將坐標(biāo)信息直接轉(zhuǎn)換成行列信息，進(jìn)而可以根據(jù)行列信息直接找到相對應(yīng)的座位。在本實(shí)施例的一些實(shí)施方式中，例如還可以包括：存儲所述行列信息和與所述行列信息對應(yīng)的所述座位的標(biāo)識。

需要說明的是，在鎖定座位圖中的座位時(shí)，一般使用循環(huán)遍歷法，即需要鎖定的目標(biāo)座位的坐標(biāo)與座位圖中座位的坐標(biāo)一次一次地進(jìn)行比較，直到比較結(jié)果相匹配時(shí)，才能確定目標(biāo)座位然后鎖定目標(biāo)座位，執(zhí)行起來比較復(fù)雜，而本實(shí)施例中的座位圖本就是循環(huán)遍歷所有座位而繪制的，因此只需要將需要鎖定的目標(biāo)座位的坐標(biāo)轉(zhuǎn)換為行列信息，根據(jù)行列信息對應(yīng)的座位的標(biāo)識來確定目標(biāo)座位，進(jìn)而鎖定目標(biāo)座位，執(zhí)行起來簡單方便，耗時(shí)短。在本實(shí)施例的一些實(shí)施方式中，例如還可以包括：響應(yīng)于用戶的點(diǎn)擊座位圖中座位的操作，獲取所述點(diǎn)擊位置的坐標(biāo)；將所述點(diǎn)擊位置的坐標(biāo)轉(zhuǎn)換為所述坐標(biāo)所屬的行列信息；根據(jù)與所述坐標(biāo)所屬的行列信息對應(yīng)的所述座位的標(biāo)識確定目標(biāo)座位；將所述目標(biāo)座位的信息發(fā)送給服務(wù)器，以便服務(wù)器鎖定所述目標(biāo)座位。

需要說明的是，當(dāng)所述點(diǎn)擊位置的坐標(biāo)無法轉(zhuǎn)換為所述坐標(biāo)所屬的行列信息時(shí)，即表示用戶點(diǎn)擊座位圖的操作并沒有點(diǎn)擊到座位，有可能是點(diǎn)擊是座位與座位的空隙處，此時(shí)不會鎖定任何座位，用戶需要再次進(jìn)行點(diǎn)擊操作以便執(zhí)行鎖定座位的步驟。

在本實(shí)施例中，在確定目標(biāo)座位之后，可以改變目標(biāo)座位的顯示狀態(tài)，以便用戶可以看到所點(diǎn)擊的座位是其所選擇的目標(biāo)座位，也便于后面的用戶顯而易見地知道該座位已被鎖定不能再選擇此座位，一般情況下，改變目標(biāo)座位的顯示狀態(tài)可以采用改變目標(biāo)座位顏色的方式，當(dāng)然，本實(shí)施例并不拘泥于此方式。

通過本實(shí)施例提供的各種實(shí)施方式，響應(yīng)于為座位集合繪制座位圖的指令，在網(wǎng)頁中插入一個(gè)畫布對象，所述畫布對象用于在網(wǎng)頁上顯示畫布；對于所述座位集合中的座位，根據(jù)所述座位的行列信息，計(jì)算所述座位在所述畫布中的坐標(biāo)，根據(jù)所述座位在所述畫布中的坐標(biāo)，在所述畫布中繪制所述座位以形成座位圖。由此可見，現(xiàn)有技術(shù)中每個(gè)DOM都是獨(dú)立的，需要?jiǎng)?chuàng)建并插入與所述座位數(shù)量相同的DOM對象才能繪制出座位圖，而本發(fā)明實(shí)施例只需要在網(wǎng)頁中插入一個(gè)畫布對象，通過所述座位的行列信息計(jì)算所述座位在畫布上的坐標(biāo)就可以畫布上繪制出整個(gè)座位圖，不需要多次創(chuàng)建和插入DOM對像，這樣就大大減少了繪制座位形成座位圖的時(shí)間，從而也減少了頁面加載的時(shí)間，提高了用戶的體驗(yàn)。

參見圖3，示出了本發(fā)明實(shí)施例中另一種生成座位圖的方法的流程示意圖，在本實(shí)施例中，所述方法例如可以包括以下步驟：

步驟301：響應(yīng)于為座位集合繪制座位圖的指令，在網(wǎng)頁中插入一個(gè)畫布對象，所述畫布對象用于在網(wǎng)頁上顯示畫布。

步驟302：根據(jù)所述座位集合中座位的數(shù)量，所述座位的大小和所述座位之間的距離計(jì)算所述座位集合占據(jù)實(shí)際空間的大小。

步驟303：根據(jù)所述座位集合占據(jù)實(shí)際空間的大小設(shè)置所述畫布的大小。

步驟304：對于所述座位集合中的座位，根據(jù)所述座位的行列信息，計(jì)算所述座位在所述畫布中的坐標(biāo)，所述行列信息用于描述所述座位集合中所述座位所在的行和列。

步驟305：根據(jù)所述座位在所述畫布中的坐標(biāo)，在所述畫布中依次繪制單個(gè)座位，以便在所述畫布上形成與所述座位集合對應(yīng)的座位圖。

需要說明的是，依次繪制單個(gè)座位后，可以根據(jù)所繪制的座位的數(shù)量與所述座位集合中座位數(shù)量的比較來判斷是否繪制完畢，如果所繪制的座位的數(shù)量與所述座位集合中座位數(shù)量不一致，則繼續(xù)繪制剩余座位。此方式可以避免出現(xiàn)所繪制的座位圖不完整的情況。

通過本實(shí)施例提供的各種實(shí)施方式，響應(yīng)于為座位集合繪制座位圖的指令，在網(wǎng)頁中插入一個(gè)畫布對象，所述畫布對象用于在網(wǎng)頁上顯示畫布；對于所述座位集合中的座位，根據(jù)所述座位的行列信息，計(jì)算所述座位在所述畫布中的坐標(biāo)，根據(jù)所述座位在所述畫布中的坐標(biāo)，在所述畫布中繪制所述座位以形成座位圖。由此可見，現(xiàn)有技術(shù)中每個(gè)DOM都是獨(dú)立的，需要?jiǎng)?chuàng)建并插入與所述座位數(shù)量相同的DOM對象才能繪制出座位圖，而本發(fā)明實(shí)施例只需要在網(wǎng)頁中插入一個(gè)畫布對象，通過所述座位的行列信息計(jì)算所述座位在畫布上的坐標(biāo)就可以畫布上繪制出整個(gè)座位圖，不需要多次創(chuàng)建和插入DOM對像，這樣就大大減少了繪制座位形成座位圖的時(shí)間，從而也減少了頁面加載的時(shí)間，提高了用戶的體驗(yàn)。

示例性設(shè)備

參見圖4，示出了本發(fā)明實(shí)施例中一種生成座位圖的裝置的結(jié)構(gòu)示意圖。在本實(shí)施例中，所述裝置例如具體可以包括：

插入單元401，用于響應(yīng)于為座位集合繪制座位圖的指令，在網(wǎng)頁中插入一個(gè)畫布對象，所述畫布對象用于在網(wǎng)頁上顯示畫布。

計(jì)算單元402，用于對于所述座位集合中的座位，根據(jù)所述座位的行列信息，計(jì)算所述座位在所述畫布中的坐標(biāo)，所述行列信息用于描述所述座位集合中所述座位所在的行和列。

繪制單元403，根據(jù)所述座位在所述畫布中的坐標(biāo)，在所述畫布中繪制所述座位，以便在所述畫布上形成與所述座位集合對應(yīng)的座位圖。

可選的，所述裝置例如還可以包括：設(shè)置單元，用于根據(jù)所述座位集合占據(jù)實(shí)際空間的大小設(shè)置所述畫布的大小。

可選的，所述座位集合占據(jù)實(shí)際空間的大小由所述座位集合中座位的數(shù)量，所述座位的大小和所述座位之間的距離計(jì)算得到。

可選的，所述裝置例如還可以包括：存儲單元，用于存儲所述行列信息和與所述行列信息對應(yīng)的所述座位的標(biāo)識。

可選的，所述裝置例如還可以包括：

獲取單元，用于響應(yīng)于用戶的點(diǎn)擊座位圖中座位的操作，獲取所述點(diǎn)擊位置的坐標(biāo)；

轉(zhuǎn)換單元，用于將所述點(diǎn)擊位置的坐標(biāo)轉(zhuǎn)換為所述坐標(biāo)所屬的行列信息；

確定單元，用于根據(jù)與所述坐標(biāo)所屬的行列信息對應(yīng)的所述座位的標(biāo)識確定目標(biāo)座位；

發(fā)送單元，用于將所述目標(biāo)座位的信息發(fā)送給服務(wù)器，以便服務(wù)器鎖定所述目標(biāo)座位。

通過本實(shí)施例提供的各種實(shí)施方式，響應(yīng)于為座位集合繪制座位圖的指令，在網(wǎng)頁中插入一個(gè)畫布對象，所述畫布對象用于在網(wǎng)頁上顯示畫布；對于所述座位集合中的座位，根據(jù)所述座位的行列信息，計(jì)算所述座位在所述畫布中的坐標(biāo)，根據(jù)所述座位在所述畫布中的坐標(biāo)，在所述畫布中繪制所述座位以形成座位圖。由此可見，現(xiàn)有技術(shù)中每個(gè)DOM都是獨(dú)立的，需要?jiǎng)?chuàng)建并插入與所述座位數(shù)量相同的DOM對象才能繪制出座位圖，而本發(fā)明實(shí)施例只需要在網(wǎng)頁中插入一個(gè)畫布對象，通過所述座位的行列信息計(jì)算所述座位在畫布上的坐標(biāo)就可以畫布上繪制出整個(gè)座位圖，不需要多次創(chuàng)建和插入DOM對像，這樣就大大減少了繪制座位形成座位圖的時(shí)間，從而也減少了頁面加載的時(shí)間，提高了用戶的體驗(yàn)。

通過以上的實(shí)施方式的描述可知，本領(lǐng)域的技術(shù)人員可以清楚地了解到上述實(shí)施例方法中的全部或部分步驟可借助軟件加通用硬件平臺的方式來實(shí)現(xiàn)?；谶@樣的理解，本發(fā)明的技術(shù)方案可以以軟件產(chǎn)品的形式體現(xiàn)出來，該計(jì)算機(jī)軟件產(chǎn)品可以存儲在存儲介質(zhì)中，如只讀存儲器(英文：read-only memory，ROM)/RAM、磁碟、光盤等，包括若干指令用以使得一臺計(jì)算機(jī)設(shè)備(可以是個(gè)人計(jì)算機(jī)，服務(wù)器，或者諸如路由器等網(wǎng)絡(luò)通信設(shè)備)執(zhí)行本發(fā)明各個(gè)實(shí)施例或者實(shí)施例的某些部分所述的方法。

本說明書中的各個(gè)實(shí)施例均采用遞進(jìn)的方式描述，各個(gè)實(shí)施例之間相同相似的部分互相參見即可，每個(gè)實(shí)施例重點(diǎn)說明的都是與其他實(shí)施例的不同之處。尤其，對于方法實(shí)施例和設(shè)備實(shí)施例而言，由于其基本相似于系統(tǒng)實(shí)施例，所以描述得比較簡單，相關(guān)之處參見系統(tǒng)實(shí)施例的部分說明即可。以上所描述的設(shè)備及系統(tǒng)實(shí)施例僅僅是示意性的，其中作為分離部件說明的模塊可以是或者也可以不是物理上分開的，作為模塊顯示的部件可以是或者也可以不是物理模塊，即可以位于一個(gè)地方，或者也可以分布到多個(gè)網(wǎng)絡(luò)單元上?？梢愿鶕?jù)實(shí)際的需要選擇其中的部分或者全部模塊來實(shí)現(xiàn)本實(shí)施例方案的目的。本領(lǐng)域普通技術(shù)人員在不付出創(chuàng)造性勞動的情況下，即可以理解并實(shí)施。

以上所述僅是本發(fā)明的優(yōu)選實(shí)施方式，并非用于限定本發(fā)明的保護(hù)范圍。應(yīng)當(dāng)指出，對于本技術(shù)領(lǐng)域的普通技術(shù)人員來說，在不脫離本發(fā)明的前提下，還可以做出若干改進(jìn)和潤飾，這些改進(jìn)和潤飾也應(yīng)視為本發(fā)明的保護(hù)范圍。