[發明專利]跨瀏覽器和小程序的webGL開發方法、裝置和計算機設備

在審

• 申請號: 202011083267.3
• 申請日: 2020-10-12
• 公開（公告）號: CN112379863A
• 公開（公告）日: 2021-02-19
• 發明（設計）人: 劉民權
• 申請（專利權）人: 杭州易現先進科技有限公司
• 主分類號: G06F8/20
• 分類號: G06F8/20
• 代理公司: 杭州華進聯浙知識產權代理有限公司 33250
• 代理人: 金無量

1.一種跨瀏覽器與小程序的webGL開發方法，其特征在于，所述方法包括：

通過聲明canvas對象并補充window全局對象和document全局對象進行標記文檔適配；

設置所述canvas對象尺寸，通過所述canvas對象的getContext函數獲取WebGL的上下文環境；

通過將所述小程序中的request與webGL中的XMLHttpRequest對象對應實現網絡資源加載適配。

2.根據權利要求1所述的方法，其特征在于，所述補充window全局對象包括：

設置bindCanvas函數綁定所述canvas對象，并使用全局變量存儲所述canvas對象；

定義requestAnimationFrame和cancelAnimationFrame作為window的驅動函數。

3.根據權利要求2所述的方法，其特征在于，所述補充document全局對象包括：

通過bindpage函數將小程序當前頁面綁定至document對象；

定義符合html5標準的getElementById函數；

根據所述getElementById函數提供的id查找所述當前頁面中的元素；

根據所述元素返回所述canvas對象和image對象。

4.根據權利要求1所述的方法，其特征在于，所述設置所述canvas對象尺寸包括：

構建HTMLCanvasElement函數，所述HTMLCanvasElement函數包括style參數，所述style參數包括寬屬性和高屬性；

傳入所述canvas對象，獲取所述canvas對象寬度設置為所述寬屬性，獲取所述canvas對象高度設置為所述高屬性。

5.根據權利要求1至4任一項所述的方法，其特征在于，所述將所述小程序中的request與webGL中的XMLHttpRequest對象對應之后，所述方法還包括：

將所述小程序的緩存API與html5標準的localstorage進行適配。

6.根據權利要求1至4任一項所述的方法，其特征在于，所述將所述小程序中的request與webGL中的XMLHttpRequest對象對應之后，所述方法還包括：

通過構建事件機制實現交互過程，所述事件機制包括Event和EventTarget。

7.根據權利要求6所述的方法，其特征在于，所述通過構建事件增加交互過程還包括：

通過觀察者模式構造非html5標準的事件輸入與觸發的機制。

8.一種跨瀏覽器與小程序的webGL開發裝置，其特征在于，所述裝置包括標記文檔適配模塊、canvas組件適配模塊、上下文適配模塊和網絡資源加載適配模塊：

所述標記文檔適配模塊用于聲明canvas對象并補充window全局對象和document全局對象；

所述canvas組件適配模塊用于設置所述canvas對象尺寸；

所述上下文適配模塊用于通過所述canvas對象的getContext函數獲取上下文；

所述網絡資源加載適配模塊用于將所述小程序中的request與webGL中的XMLHttpRequest對象對應。

9.一種計算機設備，包括存儲器、處理器及存儲在存儲器上并可在處理器上運行的計算機程序，其特征在于，所述處理器執行所述計算機程序時實現權利要求1至7中任一項所述方法的步驟。

10.一種計算機可讀存儲介質，其上存儲有計算機程序，其特征在于，所述計算機程序被處理器執行時實現權利要求1至7中任一項所述的方法的步驟。