[發(fā)明專利]界面取色方法、裝置、電子設(shè)備及存儲介質(zhì)

在審

• 申請?zhí)枺?/td>: 202110602648.6
• 申請日: 2021-05-31
• 公開（公告）號: CN113407090A
• 公開（公告）日: 2021-09-17
• 發(fā)明（設(shè)計(jì)）人: 姜澤鑫
• 申請（專利權(quán)）人: 北京達(dá)佳互聯(lián)信息技術(shù)有限公司
• 主分類號: G06F3/0484
• 分類號: G06F3/0484
• 代理公司: 北京清亦華知識產(chǎn)權(quán)代理事務(wù)所(普通合伙) 11201
• 代理人: 王萌

本公開關(guān)于一種界面取色方法、裝置、電子設(shè)備及存儲介質(zhì)，其中，方法包括：通過調(diào)用截圖服務(wù)組件對待取色頁面執(zhí)行截圖處理操作，并接收截圖服務(wù)組件發(fā)送的訪問地址，訪問地址用于指示獲取截圖結(jié)果的路徑，進(jìn)一步地生成呈透明狀態(tài)的網(wǎng)頁畫布，并將網(wǎng)頁畫布覆蓋在待取色頁面上，并根據(jù)訪問地址獲取截圖結(jié)果，并將截圖結(jié)果發(fā)布至網(wǎng)頁畫布上，以及接收用戶在網(wǎng)頁畫布上觸發(fā)的色值獲取指令，根據(jù)色值獲取指令調(diào)用網(wǎng)頁畫布的色值獲取服務(wù)，得到對應(yīng)的色值。由此，能夠基于截圖服務(wù)組件與網(wǎng)頁畫布實(shí)現(xiàn)取色的目的，達(dá)到了提高取色的準(zhǔn)確性、降低取色操作復(fù)雜度的技術(shù)效果，從而可以滿足網(wǎng)頁取色的需求，改善用戶的使用體驗(yàn)。

技術(shù)領(lǐng)域

本公開涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，尤其涉及一種界面取色方法、裝置、電子設(shè)備及存儲介質(zhì)。

背景技術(shù)

目前，隨著前端技術(shù)的發(fā)展，越來越多的H5版本的編輯器工具涌現(xiàn)出來，如H5版本的在線圖片、H5版本的在線文檔等。

在制作和編輯的過程中會有對界面顏色取值的訴求，相關(guān)技術(shù)中，通過取色工具可以獲取到顏色值，然而，該技術(shù)只是起到一個記錄顏色值的作用，如果用戶想要使用色值，還得需要手動將色值輸入到編輯器中，并不能夠達(dá)到自動賦值，與項(xiàng)目的結(jié)合并不是很友好無法與工程項(xiàng)目結(jié)合起來使用，而且取色準(zhǔn)確度不高。

發(fā)明內(nèi)容

本公開提供一種界面取色方法、裝置、電子設(shè)備及存儲介質(zhì)，旨在至少在一定程度上解決相關(guān)技術(shù)中的技術(shù)問題之一。

本公開的技術(shù)方案如下：

根據(jù)本公開實(shí)施例的第一方面，提供一種界面取色方法，包括：調(diào)用截圖服務(wù)組件對待取色頁面執(zhí)行截圖處理操作；接收截圖服務(wù)組件發(fā)送的訪問地址，訪問地址用于指示獲取截圖結(jié)果的路徑；生成呈透明狀態(tài)的網(wǎng)頁畫布，并將網(wǎng)頁畫布覆蓋在待取色頁面上；根據(jù)訪問地址獲取截圖結(jié)果，并將截圖結(jié)果發(fā)布至網(wǎng)頁畫布上；接收用戶在網(wǎng)頁畫布上觸發(fā)的色值獲取指令，根據(jù)色值獲取指令調(diào)用網(wǎng)頁畫布的色值獲取服務(wù)，得到對應(yīng)的色值。

一些實(shí)施例中，調(diào)用截圖服務(wù)組件對待取色頁面執(zhí)行截圖處理操作，包括：調(diào)用截圖服務(wù)組件，以生成截圖任務(wù)；創(chuàng)建初始的節(jié)點(diǎn)node服務(wù)；配置初始的節(jié)點(diǎn)node服務(wù)與目標(biāo)依賴庫相關(guān)聯(lián)，以將待取色頁面所屬目標(biāo)瀏覽器的截圖方法引入初始的節(jié)點(diǎn)node服務(wù)之中，得到目標(biāo)節(jié)點(diǎn)node服務(wù)；調(diào)用目標(biāo)節(jié)點(diǎn)node服務(wù)基于截圖方法執(zhí)行截圖任務(wù)，以對待取色頁面執(zhí)行截圖處理操作。

一些實(shí)施例中，調(diào)用目標(biāo)節(jié)點(diǎn)node服務(wù)基于截圖方法執(zhí)行截圖任務(wù)，以對待取色頁面執(zhí)行截圖處理操作，包括：解析截圖任務(wù)，以得到對應(yīng)的任務(wù)尺寸；確定待取色頁面的目標(biāo)尺寸；如果任務(wù)尺寸小于目標(biāo)尺寸，則基于任務(wù)尺寸對待取色頁面進(jìn)行分屏的截圖處理操作。

一些實(shí)施例中，基于任務(wù)尺寸對待取色頁面進(jìn)行分屏的截圖處理操作，包括：從待取色頁面的頂端邊界為起始進(jìn)行截圖處理操作，以選中第一屏尺寸的圖片；對待取色頁面進(jìn)行界面滾屏處理，并在界面滾屏處理后，重復(fù)執(zhí)行分屏的截圖處理操作，以選中第二屏尺寸的圖片；如果第二屏尺寸的圖片包括待取色頁面的底端邊界，則根據(jù)選中的第一屏尺寸和第二屏尺寸截圖得到截圖結(jié)果。

一些實(shí)施例中，生成呈透明狀態(tài)的網(wǎng)頁畫布，并將網(wǎng)頁畫布覆蓋在待取色頁面上，包括：在目標(biāo)瀏覽器之中創(chuàng)建呈透明狀態(tài)的網(wǎng)頁畫布；將呈透明狀態(tài)的網(wǎng)頁畫布與待取色頁面進(jìn)行對齊處理，并將對齊處理得到的網(wǎng)頁畫布作為目標(biāo)網(wǎng)頁畫布；將目標(biāo)網(wǎng)頁畫布覆蓋在待取色頁面上。

一些實(shí)施例中，方法還包括：將色值發(fā)送至目標(biāo)業(yè)務(wù)流程。