首先,我們准備兩張圖片,一張作為背景“瓶子”,一張作位填充物“飲料”。

在皮膚里我們設置右邊圖片的填充模式為“repeat”,修改Y的縮放為:-1。,調整圖片位置使之與地圖重合,如下:
現在,我們可以通過修改填充圖片的高度來增加或減少填充物,代碼如下:
//更新聊天界面好感度 let heartNum=50;//數字 //假設填充物的計算方法為:heartNum*0.75+25 if (heartNum < 100) { this.goodImg.height = heartNum * 0.75 + 25; }
需要特別說明的是。填充圖片須為正常方向旋轉180度后的圖片。
如下:
正常 旋轉180度后
效果如下:
