[發明專利]基于SVG的描邊方法、裝置及存儲介質

在審

• 申請號: 202210862927.0
• 申請日: 2022-07-20
• 公開（公告）號: CN115330908A
• 公開（公告）日: 2022-11-11
• 發明（設計）人: 林鳴鶴
• 申請（專利權）人: 廈門稿定股份有限公司;稿定（廈門）科技有限公司
• 主分類號: G06T11/60
• 分類號: G06T11/60;G06T11/40
• 代理公司: 北京慧加倫知識產權代理有限公司 16035
• 代理人: 趙敏岑

本公開的實施例提供一種基于SVG的描邊方法、裝置及存儲介質，屬于圖像處理技術領域。所述方法包括：獲取待描邊路徑以及目標效果；在所述待描邊路徑上，以所述目標效果對應的像素寬度的兩倍進行居中描邊，得到待處理內容；利用所述SVG中的Mask特性，將所述待處理內容中的多余區域進行裁剪處理，得到與所述目標效果對應的路徑描邊。本公開實施例適用于SVG中的內描邊或外描邊處理過程。

技術領域

本公開的實施例涉及圖像處理技術領域，具體地涉及一種基于SVG的描邊方法、裝置及存儲介質。

背景技術

SVG(Scalable Vector Graphics，可縮放的矢量圖形)是一種用XML定義的語言，用來描述二維矢量、矢量圖形及柵格圖形的工具。目前，常規的SVG在實現描邊功能時，是對一條路徑做描邊處理，且所描繪的線條平均分布在路徑兩側，若是用戶想要保留內描邊或是外描邊，還需要做一系列處理，操作繁瑣。

發明內容

本公開的實施例的目的是提供一種基于SVG的描邊方法、裝置及存儲介質，利用SVG的Mask特性，實現內描邊或外描邊效果，提供描邊的多種需求，且操作簡便。

為了實現上述目的，本公開實施例第一方面提供一種基于SVG的描邊方法，所述方法包括：獲取待描邊路徑以及目標效果；在所述待描邊路徑上，以所述目標效果對應的像素寬度的兩倍進行居中描邊，得到待處理內容；利用所述SVG中的Mask特性，將所述待處理內容中的多余區域進行裁剪處理，得到與所述目標效果對應的路徑描邊。

進一步地，當所述目標效果為內描邊效果時，所述利用所述SVG中的Mask特性，將所述待處理內容中的多余區域進行裁剪處理，得到與所述目標效果對應的路徑描邊包括：復制所述待描邊路徑，并將所復制路徑內的區域填充為白色，將填充為白色的區域定義為Mask元素；按照所述待描邊路徑，將所述Mask元素覆蓋于所述待處理內容之上；利用所述SVG中的Mask特性，將所述Mask元素沒有覆蓋的所述待處理內容中的多余區域進行裁剪處理，得到所述待描邊路徑的內描邊效果。

進一步地，當所述目標效果為外描邊效果時，所述利用所述SVG中的Mask特性，將所述待處理內容中的多余區域進行裁剪處理，得到與所述目標效果對應的路徑包括：復制所述待描邊路徑，并將所復制路徑內的區域定義為裁剪區域；復制所述待處理內容的邊緣路徑，并將所復制邊緣路徑內的區域填充為白色，將填充為白色的區域定義為保留區域；按照所述待描邊路徑以及所述邊緣路徑，將所述裁剪區域與所述保留區域組合，得到Mask元素；按照所述待描邊路徑，將所述Mask元素覆蓋于所述待處理內容之上；利用所述SVG中的Mask特性，將所述Mask元素中的所述裁剪區域所覆蓋的區域進行裁剪處理，所述保留區域所覆蓋的區域保留，得到所述待描邊路徑的外描邊效果。

進一步地，所述裁剪區域被填充為黑色或透明。

進一步地，所述待描邊路徑為閉合路徑。

本公開實施例第二方面提供一種基于SVG的描邊裝置，所述裝置包括：獲取模塊，用于獲取待描邊路徑以及目標效果；預處理模塊，用于在所述待描邊路徑上，以所述目標效果對應的像素寬度的兩倍進行居中描邊，得到待處理內容；裁剪模塊，用于利用所述SVG中的Mask特性，將所述待處理內容中的多余區域進行裁剪處理，得到與所述目標效果對應的路徑描邊。

進一步地，當所述目標效果為內描邊效果時，所述裁剪模塊還用于：復制所述待描邊路徑，并將所復制路徑內的區域填充為白色，將填充為白色的區域定義為Mask元素；按照所述待描邊路徑，將所述Mask元素覆蓋于所述待處理內容之上；利用所述SVG中的Mask特性，將所述Mask元素沒有覆蓋的所述待處理內容中的多余區域進行裁剪處理，得到所述待描邊路徑的內描邊效果。