[發明專利]圓角方形框的渲染方法及設備、地圖渲染方法

在審

• 申請號: 202210195627.1
• 申請日: 2022-03-01
• 公開（公告）號: CN114723865A
• 公開（公告）日: 2022-07-08
• 發明（設計）人: 白高成
• 申請（專利權）人: 阿里巴巴（中國）有限公司
• 主分類號: G06T15/00
• 分類號: G06T15/00;G06T15/04;G06T17/05;G06T17/20;G06T19/20;G06T7/62
• 代理公司: 北京智信四方知識產權代理有限公司 11519
• 代理人: 鐘文芳

1.一種圓角方形框的渲染方法，其中，包括：

將待渲染的圓角方形框劃分成多個區域，所述多個區域包括：圓角邊沿區域、四邊形邊沿區域以及四邊形中間區域；所述圓角邊沿區域的形狀是半徑為預設圓半徑值的圓的一部分、且小于或等于四分之一圓，所述四邊形邊沿區域位于兩個圓角邊沿區域之間，所述四邊形中間區域被所述圓角邊沿區域和所述四邊形邊沿區域所包圍；

對所述多個區域中的每一個區域進行三角剖分，得到剖分后的多個三角形頂點的渲染位置；

基于所述三角形頂點距離所述四邊形中間區域的邊沿的最短距離對所述三角形頂點賦予像素半徑值；其中，位于所述圓角方形框的邊沿的所述三角形頂點的像素半徑值為所述預設圓半徑值，而位于所述四邊形中間區域的邊沿的所述三角形頂點的像素半徑值為0；

將所述三角形頂點的所述渲染位置以及所述像素半徑值傳送至GPU，以便所述GPU基于所述三角形頂點的所述渲染位置以及所述像素半徑值渲染所述圓角方形框。

2.根據權利要求1所述的方法，其中，對所述多個區域中的每一個區域進行三角剖分，得到剖分后的多個三角形頂點的渲染位置，包括：

將所述四邊形邊沿區域和所述四邊形中間區域分別剖分成兩個直角三角形，得到所述兩個直角三角形的三角形頂點的渲染位置；

將所述圓角邊沿區域剖分成邊長為所述預設圓半徑值的多個等邊三角形，得到所述多個等邊三角形的三角形頂點的渲染位置。

3.根據權利要求1或2所述的方法，其中，將所述三角形頂點的所述渲染位置以及所述像素半徑值傳送至GPU，包括：

將所述三角形頂點的渲染位置傳送至所述GPU的三角形頂點著色器；

將所述三角形頂點的像素半徑值傳送至所述GPU的像素著色器。

4.根據權利要求1或2所述的方法，其中，將所述三角形的三角形頂點以及所述像素半徑值傳送至GPU之后，所述方法還包括：

在所述GPU中啟動圖形優化程序，以使所述圖形優化程序基于所述GPU輸出的所述圓角方形框中每個像素的像素半徑值，對所述圓角方形框邊沿的所述像素進行柔性插值染色；所述像素的像素半徑值為所述像素至所述四邊形中間區域的邊沿的最短距離。

5.根據權利要求4所述的方法，其中，基于所述GPU輸出的所述圓角方形框中每個像素的像素半徑值，對所述圓角方形框邊沿的所述像素進行柔性插值染色，包括：

基于所述像素半徑值、內邊沿半徑值和外邊沿半徑值確定所述像素為內部像素的概率以及所述像素的透明度系數；所述內邊沿半徑值和所述外邊沿半徑值均小于所述像素半徑值，所述內邊沿半徑值小于所述外邊沿半徑值；

基于所述內部像素的概率、所述像素的透明度系數調整渲染所述圓角方形框所使用的全局預設顏色，以便基于調整后的所述全局預設顏色對所述圓角方形框中的所述像素進行著色。

6.根據權利要求5所述的方法，其中，基于所述像素半徑值、內邊沿半徑值和外邊沿半徑值確定所述像素為內部像素的概率以及所述像素的透明度系數，包括：

基于所述像素半徑值與所述內邊沿半徑值r1的大小關系確定所述像素為內部像素的概率；所述像素半徑值小于或等于r1-delta時，所述像素為內部像素的概率為1，所述像素半徑值大于或等于r1+delta時，所述像素為內部像素的概率為0，所述像素半徑值位于(r1-delta，r1+delta)區間范圍時，所述像素為內部像素的概率在(0，1)區間范圍之內，其中，r1為小于所述預設圓半徑值的正數，delta為小于一個像素寬度的正數；

基于所述像素半徑值與外邊沿半徑值r2的大小關系確定所述像素的透明系數；所述像素半徑值大于或等于r2-delta時，所述像素的透明系數為表示完全透明的系數0，所述像素半徑值小于或等于r2-delta時，所述像素的透明系數為表示不透明的系數1，所述像素半徑值位于(r2-delta，r2+delta)區間范圍時，所述像素的透明系數在(0，1)區間范圍之內，其中，r2為大于所述內邊沿半徑值且小于所述預設圓半徑值的正數。