[發明專利]一種在Canvas下交叉區域擦除的方法與終端

有效

• 申請號: 202110178418.1
• 申請日: 2021-02-09
• 公開（公告）號: CN113012260B
• 公開（公告）日: 2023-04-28
• 發明（設計）人: 劉德建;鐘良德;蔡揚興;李彬;李煒
• 申請（專利權）人: 福建天泉教育科技有限公司
• 主分類號: G06T11/40
• 分類號: G06T11/40
• 代理公司: 福州市博深專利事務所(普通合伙) 35214
• 代理人: 張明

1.一種在Canvas下交叉區域擦除的方法，其特征在于，包括：

S1、獲取待擦除節點的待擦除區域；

S2、判斷每個節點的節點區域是否與所述待擦除節點的待擦除區域重疊，若是，則為關聯節點，得到關聯節點列表；

所述步驟S2具體為：

獲取待擦除節點的坐標（x，y）、其余的每個節點的坐標（x1，y1）以及預設的節點寬度W和節點高度H，根據判斷公式判斷每個所述節點的所述節點區域是否與待擦除區域重疊，若是，則為關聯節點，得到關聯節點列表，所述判斷公式為Math.abs(x-x1)?W??Math.abs(y-y1)?H，其中，Math.abs表示絕對值，表示與運算；

S3、對所述待擦除節點的待擦除區域進行擦除；

S31、獲取預設的所述節點寬度W和節點高度H、所述關聯節點列表以及對應每個關聯節點的坐標（x1，y1）；

S32、比較所述待擦除節點的坐標與所述關聯節點的坐標，將其中大的橫坐標作為所述關聯節點與所述待擦除節點的起始位置的橫坐標，將其中小的縱坐標作為所述起始位置的縱坐標，得到重疊區域的所述起始位置；

S33、計算所述重疊區域的寬度rw=W-Math.abs(x1-x)；

S34、計算所述重疊區域的高度rh=H-Math.abs(y1-y)；

S4、對所述關聯節點列表的每一個節點中與所述待擦除節點的重疊區域分別進行重新繪制。

2.根據權利要求1所述的一種在Canvas下交叉區域擦除的方法，其特征在于，所述步驟S3具體為：

調用Canvas的接口對所述待擦除節點的所述待擦除區域進行擦除；

所述步驟S4具體為：

對所述關聯節點列表的每一個節點與所述待擦除節點的重疊區域分別調用Canvas的接口進行區域重新繪制。

3.根據權利要求2所述的一種在Canvas下交叉區域擦除的方法，其特征在于，所述調用Canvas的接口對所述待擦除節點的所述待擦除區域進行擦除具體為：

執行ctx.clearRect(x,y,W,H)對所述待擦除節點的所述待擦除區域進行擦，所述x、y、W和H分別為所述待擦除節點的橫坐標、縱坐標、寬度和高度，所述ctx.clearRect為Canvas的接口方法。

4.根據權利要求2所述的一種在Canvas下交叉區域擦除的方法，其特征在于，所述對所述關聯節點列表的每一個節點與所述待擦除節點的重疊區域分別調用Canvas的接口進行重新繪制具體為：

對所述關聯節點列表的每一個節點與所述待擦除節點的重疊區域，分別調用ctx.fillRect(rx,ry,rw,rh)進行重新繪制，所述rx和ry分別為所述重疊區域的所述起始位置的橫坐標和縱坐標，所述rw和rh分別為所述重疊區域的寬度和高度，所述ctx.fillRect為Canvas的接口方法。