[發明專利]基于canvas元素的表格渲染方法、裝置及計算機設備

有效

• 申請號: 202010164578.6
• 申請日: 2020-03-11
• 公開（公告）號: CN111488149B
• 公開（公告）日: 2023-07-25
• 發明（設計）人: 趙學通
• 申請（專利權）人: 平安健康保險股份有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F9/451;G06F40/18
• 代理公司: 北京中強智尚知識產權代理有限公司 11448
• 代理人: 黃耀威

本申請公開了一種基于canvas元素的表格渲染方法、裝置及計算機設備，可以解決在渲染生成表格時，兼容性差且渲染效率低的問題。其中方法包括：在待創建表格的頁面中引入canvas?Table的JavaScript文件，以便全局使用canvas?Table函數；基于所述canvas?Table函數在主線程中創建canvas元素，并將所述canvas元素插入待渲染元素節點中；利用所述canvas?Table函數創建Worker線程；將各個所述待渲染元素節點對應的待渲染數據上傳至所述Worker線程并移交canvas的控制權；在所述Worker線程上利用所述待渲染數據中的繪制函數渲染生成表格。本申請適用于對表格的渲染生成。

技術領域

本申請適用于計算機技術領域，尤其涉及到一種基于canvas元素的表格渲染方法、裝置及計算機設備。

背景技術

由于在開發過程中，表格是最常用到的，為了能快速進行表格的制作以及數據的綁定，進而加快表格的生成速度，經常采用渲染的方式，使代碼量大大減少，表格的生成更加方便和精確。

目前業內有進行表格渲染組件依然使用的是過時的table標簽來進行布局，然而table標簽對移動端性能支持較差，因其子元素自適應的特性，移動端的展示會出現很多樣式問題，甚至直接崩潰，使渲染效率較低。

發明內容

有鑒于此，本申請提供了一種基于canvas元素的表格渲染方法、裝置及計算機設備，能夠解決在渲染生成表格時，兼容性差且渲染效率低的問題。

根據本申請的一個方面，提供了一種基于canvas元素的表格渲染方法，該方法包括：

在待創建表格的頁面中引入canvas-Table的JavaScript文件，以便全局使用canvas-Table函數；

基于所述canvas-Table函數在主線程中創建canvas元素，并將所述canvas?元素插入待渲染元素節點中；

利用所述canvas-Table函數創建Worker線程；

將各個所述待渲染元素節點對應的待渲染數據上傳至所述Worker線程并移交canvas的控制權；

在所述Worker線程上利用所述待渲染數據中的繪制函數渲染生成表格。

根據本申請的另一個方面，提供了一種基于canvas元素的表格渲染裝置，該裝置包括：

引入模塊，用于在待創建表格的頁面中引入canvas-Table的JavaScript文件，以便全局使用canvas-Table函數；

插入模塊，用于基于所述canvas-Table函數在主線程中創建canvas元素，并將所述canvas元素插入待渲染元素節點中；

創建模塊，用于利用所述canvas-Table函數創建Worker線程；

上傳模塊，用于將各個所述待渲染元素節點對應的待渲染數據上傳至所述Worker線程并移交canvas的控制權；

生成模塊，用于在所述Worker線程上利用所述待渲染數據中的繪制函數渲染生成表格。

根據本申請的又一個方面，提供了一種非易失性可讀存儲介質，其上存儲有計算機程序，程序被處理器執行時實現上述基于canvas元素的表格渲染方法。

根據本申請的再一個方面，提供了一種計算機設備，包括非易失性可讀存儲介質、處理器及存儲在非易失性可讀存儲介質上并可在處理器上運行的計算機程序，處理器執行程序時實現上述基于canvas元素的表格渲染方法。