Html5 Canvas初探學習筆記(5) -繪圖狀態

在之前的文章中，提到過一些繪圖的狀態值，例如線寬，和顏色。在Html5的Canvas中，繪圖狀態指的就是2d渲染上下文外觀的整套屬性，包括繪製輪廓顏色，填滿顏色，線寬，變換矩陣，裁減區域等。我會在之後的文章中介紹更多的狀態值。本篇文章就主要講解保存狀態和恢復狀態的例子，講解這個棧的結構。

首先來看下面這個範例：

##                                   #就是簡單的實例一下繪製狀態的訪問過程，程式碼如下：

儲存狀態是透過

context.save();

這句來儲存目前的狀態，把目前的狀態儲存到一個堆疊的狀態中，我們先把

red

這個狀態儲存到堆疊中，然後儲存green 時，green就壓在了red上面，這樣在復原狀態時 #context.restore();，將會把棧頂的狀態，返回回來，如圖的顯示的顏色，先被彈出來的是# green，而彈出的狀態就不再被保存，總結起來，save和restore就相當於堆疊中的push和pop#方法。  以上就是Html5 Canvas初探學習筆記(5) -繪圖狀態的內容，更多相關內容請關注PHP中文網（www.php.cn）！