[發明專利]HTML頁面內元素渲染的方法、裝置、設備和存儲介質

有效

• 申請號: 202010059997.3
• 申請日: 2020-01-19
• 公開（公告）號: CN111259301B
• 公開（公告）日: 2023-05-02
• 發明（設計）人: 魏永明;耿岳;薛淑明
• 申請（專利權）人: 北京飛漫軟件技術有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958
• 代理公司: 北京東方億思知識產權代理有限責任公司 11258
• 代理人: 彭瓊

本發明提供了一種超文本標記語言HTML頁面內元素渲染的方法、裝置、設備和存儲介質，涉及計算機軟件技術領域。方法包括：根據HTML頁面內的待渲染元素確定畫布對象，并確定渲染待渲染元素的渲染器的運行模式；根據待渲染元素加載渲染器；根據渲染器，通過用戶代理接口獲取待渲染元素的屬性和參數；根據待渲染元素的屬性和參數，使用渲染器對待渲染元素進行渲染得到第一渲染結果；將第一渲染結果存儲在畫布對象中；根據渲染器的運行模式從畫布對象中復制第一渲染結果到HTML頁面。本發明實施例提供的HTML頁面內元素的渲染方法能夠方便的得到HTML的支持。

技術領域

本申請涉及計算機軟件技術領域，尤其涉及一種HTML頁面內元素渲染的方法、裝置、設備和存儲介質。

背景技術

現有技術中，對于修改復雜元素的渲染效果，所使用的接口復雜，缺乏標準或者規范約束，導致開發成本高且可維護性降低，而畫布(canvas)元素的實現機制和超文本標記語言(HyperText?Mark-up?Language，HTML)以及級聯樣式表(Cascading?Style?Sheets，CSS)等已有的規范之間出現了鴻溝，這導致代碼規模變大，學習成本上升，也導致了性能的下降。

另外，由于canvas元素自身的限制，目前無法將canvas元素所實現的復雜控件作為表單(form)的一部分放到表單中，從而無法將用戶的輸入或者復雜控件的當前值作為參數傳遞到后臺服務器處理，不能對canvas元素的參數實現方便的調試或調整。而在HTML文檔中嵌入可縮放矢量圖形(Scalable?Vector?Graphics，SVG)，以實現類似canvas元素的功能，SVG把要繪制的矢量圖形使用類似HTML的標簽語言進行定義并組織了起來，然后通過腳本通過控制其參數或者CSS屬性來實現動態的效果，比如表盤指針的旋轉，可以通過對指針做旋轉轉換來實現表盤指針旋轉的動態效果。在使用畫布時，這種定義矢量圖形的過程變成了直接的接口調用，其結果是，使用SVG實現復雜元素渲染的方法，甚至沒有畫布的靈活性好，性能也比使用畫布元素差。因此，無論是使用canvas元素還是SVG來實現復雜元素的渲染，都不能方便的得到HTML的支持。

發明內容

本發明提供一種HTML頁面內元素渲染的方法、裝置、設備和存儲介質，通過為HTML新增一種用來代表復雜控件的元素，能夠方便的得到HTML的支持，以提高對復雜元素的渲染的性能，降低代碼的規模。

第一方面，本發明實施例提供了一種超文本標記語言HTML頁面內元素渲染的方法，該方法包括：根據HTML頁面內的待渲染元素確定畫布對象，并確定渲染待渲染元素的渲染器的運行模式；

根據待渲染元素加載渲染器；

根據渲染器，通過用戶代理接口獲取待渲染元素的屬性和參數；

根據待渲染元素的屬性和參數，使用渲染器對待渲染元素進行渲染得到第一渲染結果；

將第一渲染結果存儲在畫布對象中；

根據渲染器的運行模式從畫布對象中復制第一渲染結果到HTML頁面。

在第一方面的一些可實現方式中，待渲染元素包括指示信息，根據渲染元素加載渲染器，包括：根據指示信息加載待渲染元素指定的渲染器。

在第一方面的一些可實現方式中，根據待渲染元素加載渲染器，包括：根據待渲染元素獲取渲染器類型和渲染器設計類型；

根據渲染器類型和渲染器設計類型，加載渲染器類型和渲染器設計類型對應的渲染器。

在第一方面的一些可實現方式中，若根據渲染器類型和渲染器設計類型，加載渲染器類型和渲染器設計類型對應的渲染器失敗，則根據渲染器設計類型加載渲染器設計類型對應的渲染器。

在第一方面的一些可實現方式中，待渲染元素包括外部資源獲取指令信息，方法還包括：