這裡canvas.save();和canvas.restore();是兩個互相比對出現的,作用是用來儲存畫布的狀态和取出儲存的狀态的。這裡稍微解釋一下,
當我們對畫布進行旋轉,縮放,平移等操作的時候其實我們是想對特定的元素進行操作,比如圖檔,一個矩形等,但是當你用canvas的方法來進行這些操作的時候,其實是對整個畫布進行了操作,那麼之後在畫布上的元素都會受到影響,是以我們在操作之前調用canvas.save()來儲存畫布目前的狀态,當操作之後取出之前儲存過的狀态,這樣就不會對其他的元素進行影響
he
這是有西面
隻有白色的圖像進行了放大
有下面的代碼實作
白色和紅色的圖檔收到了影響