所屬的技術(shù)人員能夠理解，本公開的各個方面可以實現(xiàn)為系統(tǒng)、方法或程序產(chǎn)品。因此，本公開的各個方面可以具體實現(xiàn)為以下形式，即：完全的硬件實施方式、完全的軟件實施方式(包括固件、微代碼等)，或硬件和軟件方面結(jié)合的實施方式，這里可以統(tǒng)稱為“電路”、“模塊”或“系統(tǒng)”。下面參照圖14來描述根據(jù)本公開的這種實施方式的電子設(shè)備1400。圖14顯示的電子設(shè)備1400僅僅是一個示例，不應(yīng)對本公開實施例的功能和使用范圍帶來任何限制。如圖14所示，電子設(shè)備1400以通用計算設(shè)備的形式表現(xiàn)。電子設(shè)備1400的組件可以包括但不限于：上述至少一個處理單元1410、上述至少一個存儲單元1420、連接不同系統(tǒng)組件(包括存儲單元1420和處理單元1410)的總線1430以及顯示單元1440。其中，所述存儲單元存儲有程序代碼，所述程序代碼可以被所述處理單元1410執(zhí)行，使得所述處理單元1410執(zhí)行本說明書上述“示例性方法”部分中描述的根據(jù)本公開各種示例性實施方式的步驟。例如，所述處理單元1410可以執(zhí)行如圖1中所示的：步驟s110，獲取待繪制的圖形模板對應(yīng)的模板信息；所述模板信息包含所述圖形模板對應(yīng)的模板標識、繪制所述圖形模板所需的繪制數(shù)據(jù)以及畫布標識，所述畫布標識為用于繪制所述圖形模板的畫布對象的標識；步驟s120，根據(jù)所述模板標識、預(yù)先配置的模板標識與繪制方法集合之間的映射關(guān)系，確定所述圖形模板對應(yīng)的繪制方法集合；步驟s130，基于所述圖形模板對應(yīng)的繪制方法集合結(jié)合所述繪制數(shù)據(jù)，在所述畫布對象中繪制所述圖形模板。存儲單元1420可以包括易失性存儲單元形式的可讀介質(zhì)，例如隨機存取存儲單元(ram)14201和/或高速緩存存儲單元14202，還可以進一步包括只讀存儲單元(rom)14203。存儲單元1420還可以包括具有一組(至少一個)程序模塊14205的程序/實用工具14204，這樣的程序模塊14205包括但不限于：操作系統(tǒng)、一個或者多個應(yīng)用程序、其它程序模塊以及程序數(shù)據(jù)，這些示例中的每一個或某種組合中可能包括網(wǎng)絡(luò)環(huán)境的實現(xiàn)?？偩€1430可以為表示幾類總線結(jié)構(gòu)中的一種或多種，包括存儲單元總線或者存儲單元控制器、外圍總線、圖形加速端口、處理單元或者使用多種總線結(jié)構(gòu)中的任意總線結(jié)構(gòu)的局域總線。電子設(shè)備1400也可以與一個或多個外部設(shè)備1500(例如鍵盤、指向設(shè)備、藍牙設(shè)備等)通信，還可與一個或者多個使得用戶能與該電子設(shè)備1400交互的設(shè)備通信，和/或與使得該電子設(shè)備1400能與一個或多個其它計算設(shè)備進行通信的任何設(shè)備(例如路由器、調(diào)制解調(diào)器等等)通信。這種通信可以通過輸入/輸出(i/o)接口1450進行。并且，電子設(shè)備1400還可以通過網(wǎng)絡(luò)適配器1460與一個或者多個網(wǎng)絡(luò)(例如局域網(wǎng)(lan)，廣域網(wǎng)(wan)和/或公共網(wǎng)絡(luò)，例如因特網(wǎng))通信。如圖所示，網(wǎng)絡(luò)適配器1460通過總線1430與電子設(shè)備1400的其它模塊通信。應(yīng)當明白，盡管圖中未示出，可以結(jié)合電子設(shè)備1400使用其它硬件和/或軟件模塊，包括但不限于：微代碼、設(shè)備驅(qū)動器、冗余處理單元、外部磁盤驅(qū)動陣列、raid系統(tǒng)、磁帶驅(qū)動器以及數(shù)據(jù)備份存儲系統(tǒng)等。本領(lǐng)域技術(shù)人員在考慮說明書及實踐這里公開的發(fā)明后，將容易想到本公開的其他實施例。本技術(shù)旨在涵蓋本公開的任何變型、用途或者適應(yīng)性變化，這些變型、用途或者適應(yīng)性變化遵循本公開的一般性原理并包括本公開未公開的本中的公知常識或慣用技術(shù)手段。說明書和實施例僅被視為示例性的，本公開的真正范圍和精神由權(quán)利要求指出。

背景技術(shù)：

1、canvas?api(畫布)是在html5中新增的標簽用于在網(wǎng)頁實時生成圖像，并且可以操作圖像內(nèi)容，基本上它是一個可以用javascript操作的位圖(bitmap)。

2、相關(guān)技術(shù)中，在小程序中使用canvas繪圖時，針對于在一個頁面中同時需要實現(xiàn)多個類似的canvas繪制，或者多個頁面需要實現(xiàn)類似的多個canvas繪制時，只能逐一去繪制每個圖形。

3、鑒于此，本領(lǐng)域亟需開發(fā)一種新的小程序中的圖形繪制方法及裝置。

4、需要說明的是，上述背景技術(shù)部分公開的信息僅用于加強對本公開的背景的理解。

技術(shù)實現(xiàn)思路

1、本公開的目的在于提供一種小程序中的圖形繪制方法、小程序中的圖形繪制裝置、計算機存儲介質(zhì)及電子設(shè)備，進而至少在一定程度上克服由于相關(guān)技術(shù)的限制而導(dǎo)致的圖形繪制效率較低的技術(shù)問題。

2、本公開的其他特性和優(yōu)點將通過下面的詳細描述變得顯然，或部分地通過本公開的實踐而習(xí)得。

3、根據(jù)本公開的第一方面，提供一種小程序中的圖形繪制方法，包括：

4、獲取待繪制的圖形模板對應(yīng)的模板信息；所述模板信息包含所述圖形模板對應(yīng)的模板標識、繪制所述圖形模板所需的繪制數(shù)據(jù)以及畫布標識，所述畫布標識為用于繪制所述圖形模板的畫布對象的標識；

5、根據(jù)所述模板標識、預(yù)先配置的模板標識與繪制方法集合之間的映射關(guān)系，確定所述圖形模板對應(yīng)的繪制方法集合；

6、基于所述圖形模板對應(yīng)的繪制方法集合結(jié)合所述繪制數(shù)據(jù)，在所述畫布對象中繪制所述圖形模板。

7、在本公開的示例性實施例中，所述模板標識與繪制方法集合之間的映射關(guān)系，通過以下方式配置得到：

8、獲取預(yù)先篩選出來的多個標準圖形模板；每個所述標準圖形模板對應(yīng)一個模板標識；

9、根據(jù)每個所述標準圖形模板中包含的顯示元素的樣式特征，配置每個所述標準圖形模板對應(yīng)的繪制方法集合；

10、存儲每個所述標準圖形模板的模板標識與其繪制方法集合之間的映射關(guān)系。

11、在本公開的示例性實施例中，所述根據(jù)每個所述標準圖形模板中包含的顯示元素的樣式特征，配置每個所述標準圖形模板對應(yīng)的繪制方法集合，包括：

12、從所述每個標準圖形模板包含的顯示元素中篩選出第一類顯示元素和第二類顯示元素；其中，所述第二類顯示元素的繪制復(fù)雜度高于所述第一類顯示元素的繪制復(fù)雜度；

13、獲取繪制所述第一類顯示元素所需調(diào)用的畫布原始應(yīng)用程序編程接口方法，以及，獲取繪制所述第二類顯示元素所需調(diào)用的工具類方法；

14、對所述畫布原始應(yīng)用程序編程接口方法和所述工具類方法進行整合，得到每個所述標準圖形模板對應(yīng)的繪制方法集合。

15、在本公開的示例性實施例中，所述繪制所述第二類顯示元素所需調(diào)用的工具類方法，通過以下方式配置得到：

16、獲取繪制所述第二類顯示元素所需調(diào)用的至少兩種畫布原始應(yīng)用程序編程接口方法；

17、對所述至少兩種畫布原始應(yīng)用程序編程接口方法進行封裝，獲得所述工具類方法。

18、在本公開的示例性實施例中，所述基于所述圖形模板對應(yīng)的繪制方法集合結(jié)合所述繪制數(shù)據(jù)，在所述畫布對象中繪制所述圖形模板，包括：

19、按照所述圖形模板的繪制需求，對所述繪制數(shù)據(jù)進行數(shù)據(jù)校驗；

20、響應(yīng)于所述數(shù)據(jù)校驗的結(jié)果為通過，基于所述圖形模板對應(yīng)的繪制方法集合結(jié)合所述繪制數(shù)據(jù)，在所述畫布對象中繪制所述圖形模板。

21、在本公開的示例性實施例中，所述數(shù)據(jù)校驗的類型包括以下任意一項或多項：空值校驗、數(shù)據(jù)完整性校驗和網(wǎng)址有效性校驗。

22、在本公開的示例性實施例中，所述基于所述圖形模板對應(yīng)的繪制方法集合結(jié)合所述繪制數(shù)據(jù)，在所述畫布對象中繪制所述圖形模板，包括：

23、基于所述圖形模板對應(yīng)的繪制方法集合結(jié)合所述繪制數(shù)據(jù)入?yún)⑺霎嫴紝ο螅@得繪制結(jié)果；

24、所述繪制結(jié)果包括所述圖形模板對應(yīng)的資源訪問地址。

25、根據(jù)本公開的第二方面，提供一種小程序中的圖形繪制裝置，包括：

26、模板信息接收模塊，用于獲取待繪制的圖形模板對應(yīng)的模板信息；所述模板信息包含所述圖形模板對應(yīng)的模板標識、繪制所述圖形模板所需的繪制數(shù)據(jù)以及畫布標識，所述畫布標識為用于繪制所述圖形模板的畫布對象的標識；

27、繪制方法集合查找模塊，用于根據(jù)所述模板標識、預(yù)先配置的模板標識與繪制方法集合之間的映射關(guān)系，確定所述圖形模板對應(yīng)的繪制方法集合；

28、圖形繪制模塊，用于基于所述圖形模板對應(yīng)的繪制方法集合結(jié)合所述繪制數(shù)據(jù)，在所述畫布對象中繪制所述圖形模板。

29、根據(jù)本公開的第三方面，提供一種計算機存儲介質(zhì)，其上存儲有計算機程序，所述計算機程序被處理器執(zhí)行時實現(xiàn)上述第一方面所述的小程序中的圖形繪制方法。

30、根據(jù)本公開的第四方面，提供一種電子設(shè)備，包括：處理器；以及存儲器，用于存儲所述處理器的可執(zhí)行指令；其中，所述處理器配置為經(jīng)由執(zhí)行所述可執(zhí)行指令來執(zhí)行上述第一方面所述的小程序中的圖形繪制方法。

31、由上述技術(shù)方案可知，本公開示例性實施例中的小程序中的圖形繪制方法、小程序中的圖形繪制裝置、計算機存儲介質(zhì)及電子設(shè)備至少具備以下優(yōu)點和積極效果：

32、在本公開的一些實施例所提供的技術(shù)方案中，通過預(yù)先配置模板與繪制方法集合之間的映射關(guān)系，從而，在后續(xù)需要繪制圖形模板的時候，可以直接根據(jù)圖形模板的模板標識快速獲取到其繪制方法集合，可以使得后續(xù)的圖形繪制過程中無需逐次定義繪制方法以重復(fù)圖形模板的詳細繪制過程，僅需直接調(diào)用配置好的繪制方法集合即可實現(xiàn)圖形快速繪制，使得圖形模板對應(yīng)的繪制方法能夠?qū)崿F(xiàn)復(fù)用，在系統(tǒng)的其它頁面需要時直接調(diào)用，從而避免許多重復(fù)的復(fù)制粘貼工作，簡化了圖形繪制步驟，提升了圖形繪制效率，尤其適用于一個頁面中同時需要實現(xiàn)多個類似的圖形繪制時或者多個頁面需要實現(xiàn)類似的多個圖形繪制的場景。

33、本公開應(yīng)當理解的是，以上的一般描述和后文的細節(jié)描述僅是示例性和解釋性的，并不能限制本公開。