[發明專利]一種SVG資源反向復用的方法和裝置

在審

• 申請號: 202211093324.5
• 申請日: 2022-09-08
• 公開（公告）號: CN115587265A
• 公開（公告）日: 2023-01-10
• 發明（設計）人: 楊明翔;李毅;王彩麗;李繁毅;楊曉靜;李海濤;李琦;柯曾勇
• 申請（專利權）人: 烽火通信科技股份有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F9/451;G06F9/455;G06F16/56;G06F16/58
• 代理公司: 深圳市六加知識產權代理有限公司 44372
• 代理人: 許銓芬

1.一種SVG資源反向復用的方法，其特征在于，包括：

獲取SVG Symbol圖形，從所述SVG Symbol圖形中提取至少一個DOM片段，并基于所述DOM片段構建片段庫；

從所述片段庫中獲取與業務請求相匹配的原始DOM片段；

根據業務請求對所述原始DOM片段進行處理，得到靜態圖形；

將所述靜態圖形應用到所述業務請求中。

2.如權利要求1所述的方法，其特征在于，所述從所述片段庫中選取與場景請求相匹配的原始DOM片段包括：

對所述業務請求進行解析，得到圖形所對應的symbol ID；

根據所述symbol ID對所述片段庫進行訪問，以選取攜帶有所述symbol ID的DOM片段，該DOM片段為所述原始DOM片段。

3.如權利要求1所述的方法，其特征在于，所述根據業務請求對所述原始DOM片段進行處理，得到靜態圖形包括：

對所述業務請求進行解析，得到圖形所對應的配置要素；

基于所述配置要素對所述原始DOM片段進行修改，得到目標DOM片段；

將所述目標DOM片段轉換為靜態圖形。

4.如權利要求3所述的方法，其特征在于，所述將所述目標DOM片段轉換為靜態圖形包括：

去掉所述目標DOM片段的symbol標簽，保留所述目標DOM片段的圖形描述信息；

用svg標簽重新包裹所述圖形描述信息，得到SVG DOM；

將所述SVG DOM轉換為預設編碼的目標字符串，將所述目標字符串轉換成與所述業務請求相匹配的靜態圖形。

5.如權利要求4所述的方法，其特征在于，所述將所述SVG DOM轉換為預設編碼的目標字符串，將所述目標字符串轉換成與所述業務請求相匹配的靜態圖形包括：

對所述業務請求進行解析，得到圖形格式；

將所述SVG DOM轉換為XML字符串，將所述XML字符串轉換為預設編碼的目標字符串；

拼接所述圖形格式和所述目標字符串，得到與所述業務請求相匹配的靜態圖形。

6.如權利要求3所述的方法，其特征在于，所述配置要素包括：采色、大小和文本中的至少一項。

7.如權利要求1～6任一項所述的方法，其特征在于，所述從所述SVG Symbol圖形中提取至少一個DOM片段，并基于所述DOM片段構建片段庫包括：

采用document.getElementId方法從SVG Symbol圖形中獲取至少一個DOM片段，將獲取到的DOM片段存儲于瀏覽器內存中，并基于所述DOM片段構建片段庫。

8.如權利要求1～6任一項所述的方法，其特征在于，所述將所述靜態圖形應用到所述業務請求中包括：

采用img標簽或new Image對象的src屬性接收所述靜態圖形，以將所述靜態圖形應用到所述業務請求。

9.如權利要求1～6任一項所述的方法，其特征在于，所述方法還包括：

在獲取到所述業務請求后，對所述業務請求進行分析，確定所述業務請求所需要的圖形樣式；

如果所述圖形樣式為靜態圖形，則執行所述從所述片段庫中獲取與業務請求相匹配的原始DOM片段的步驟；

如果所述圖形樣式為動態圖形，則以SVG Symbol圖形為基礎構建封裝組件，再通過封裝組件實現所述業務請求。

10.一種SVG資源反向復用的裝置，其特征在于，包括至少一個處理器和存儲器，所述至少一個處理器和存儲器之間通過數據總線連接，所述存儲器存儲有可被所述至少一個處理器執行的指令，所述指令在被所述處理器執行后，用于完成權利要求1-9任一所述的SVG資源反向復用的方法。