[發明專利]一種圖形模型生成方法、裝置、設備及存儲介質

在審

• 申請號: 202011431359.6
• 申請日: 2020-12-07
• 公開（公告）號: CN112558849A
• 公開（公告）日: 2021-03-26
• 發明（設計）人: 怯鵬瑤;萬月亮;火一莽
• 申請（專利權）人: 北京銳安科技有限公司
• 主分類號: G06F3/0484
• 分類號: G06F3/0484;G06F16/957
• 代理公司: 北京品源專利代理有限公司 11332
• 代理人: 孟金喆

本發明公開了一種圖形模型生成方法、裝置、設備及存儲介質。該方法包括：根據圖形的結構對所述圖形的區域進行劃分，得到至少兩個區域；根據用戶輸入的截圖指令，從每個區域中選取至少兩個切片圖形；獲取主體內容的寬度；根據所述切片圖形和所述寬度生成圖形模型，通過本發明的技術方案，以實現能夠通過一套CSS樣式，解決不規則圖形在各種屏幕上面的適配效果，增加界面的靈活性，降低代碼的維護成本。

技術領域

本發明實施例涉及圖像處理技術領域，尤其涉及一種圖形模型生成方法、裝置、設備及存儲介質。

背景技術

通常情況下前端開發者在制作界面的過程中，通過html頁面布局和css樣式表以及配合切圖技術等將設計圖中的各種圖形顯示在瀏覽器中，當實際開發中有復雜場景的需求，一般要通過編寫多套css代碼，然后用媒體查詢技術，讓頁面根據不同屏幕分辨率來加載不同代碼模塊以實現適配不同屏幕的目的。但是像這類可以用樣式和背景圖編寫出來的圖形往往是有規則性的。

隨著可視化項目的流行和頁面自適應場景的越來越復雜化，設計圖中開始出現很多不規則性的圖形，使用css樣式表中的寬度、高度以及背景圖等不能實現圖形的渲染，如果只是將整個圖形作為背景圖展示的話，寬度和高度值就是固定的，當結構里面的內容過多的時候，圖形就會展示錯亂。

發明內容

本發明實施例提供一種圖形模型生成方法、裝置、設備及存儲介質，以實現能夠通過一套CSS樣式，解決不規則圖形在各種屏幕上面的適配效果，增加界面的靈活性，降低代碼的維護成本。

第一方面，本發明實施例提供了一種圖形模型生成方法，包括：

根據圖形的結構對所述圖形的區域進行劃分，得到至少兩個區域；

根據用戶輸入的截圖指令，從每個區域中選取至少兩個切片圖形；

獲取主體內容的寬度；

根據所述切片圖形和所述寬度生成圖形模型。

第二方面，本發明實施例還提供了一種圖形模型生成裝置，該裝置包括：

劃分模塊，用于根據圖形的結構對所述圖形的區域進行劃分，得到至少兩個區域；

選取模塊，用于根據用戶輸入的截圖指令，從每個區域中選取至少兩個切片圖形；

獲取模塊，用于獲取主體內容的寬度；

生成模塊，用于根據所述切片圖形和所述寬度生成圖形模型。

第三方面，本發明實施例還提供了一種計算機設備，包括存儲器、處理器及存儲在存儲器上并可在處理器上運行的計算機程序，所述處理器執行所述程序時實現如本發明實施例中任一所述的方法。

第四方面，本發明實施例還提供了一種計算機可讀存儲介質，其上存儲有計算機程序，該程序被處理器執行時實現如本發明實施例中任一所述的方法。

本發明實施例通過根據圖形的結構對所述圖形的區域進行劃分，得到至少兩個區域；根據用戶輸入的截圖指令，從每個區域中選取至少兩個切片圖形；獲取主體內容的寬度；根據所述切片圖形和所述寬度生成圖形模型，以實現能夠通過一套CSS樣式，解決不規則圖形在各種屏幕上面的適配效果，增加界面的靈活性，降低代碼的維護成本。

附圖說明

為了更清楚地說明本發明實施例的技術方案，下面將對實施例中所需要使用的附圖作簡單地介紹，應當理解，以下附圖僅示出了本發明的某些實施例，因此不應被看作是對范圍的限定，對于本領域普通技術人員來講，在不付出創造性勞動的前提下，還可以根據這些附圖獲得其他相關的附圖。

圖1是本發明實施例一中的一種圖形模型生成方法的流程圖；

圖1a是本發明實施例中的一種不規則圖形模型示意圖；