Html5 Canvas 事前学習メモ(5) -描画状態

前回の記事では、線の太さや色などの描画ステータスの値について触れました。 Html5のCanvasでは、描画状態は、描画の輪郭の色、塗りつぶしの色、線の幅、変換行列、トリミング領域を含む、2dレンダリングコンテキストの外観のプロパティのセット全体を指します。 、など。今後の記事でステータス値についても紹介していきます。この記事では主に状態保存と状態復元の例を説明し、このスタックの構造について説明します。

まず次の例を見てください:

。

保存状態はcontext.save();

を介して渡されますこの文は現在の状態を保存し、現在の状態を保存するために使用されますまず

red

状態をスタックに保存し、次にgreenを保存するときにgreenがredの上に押されるようにします。が復元されると、context.restore();はスタックの一番上の状態を返します。最初に表示される色はポップアップするものは緑色で、ポップアップのステータスが返されます。要約すると、save と restore は、スタック pop メソッドの push と に相当します。 上記は、Html5 Canvas 事前学習ノート (5) - 描画状態の内容です。さらに関連する内容については、PHP 中国語 Web サイト (www.php.cn) をご覧ください。