javascript context 関連

前提

• 以下のようにctx を取得出来ているものとする

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");

色を指定する

ctx.fillStyle = "black";

クリップする

• clip()関数を使う前に描いていたpathのみに対してclip()後の処理を行う

ctx.clip()

一時保存,呼び戻し

• 色や指定したpathなどの情報をスタックとして所持して置くことができる

ctx.save();
ctx.restore();

左上の基準位置を変更する

ctx.translate( x , y );