コンテキストのメソッド、プロパティを使い描画
描画するには、コンテキストを通して
描画用のメソッドを呼び出す
色の指定は
fillstyleプロパティを利用
たとえば、
context.fillstyle=”rgb(255,0,0)”;
というように指定する
長方形などの短型を描画するなら
fillRect()を使用
たとえば、
context.fillRect(50,50,200200);というように指定
引数の意味は
fillRect(Ｘ座標, Y座標, 横幅, 高さ)
Canvasで、色を指定するなら
HTML形式
RGB形式
RGB+透明度の指定が可能
これらを使い、色を指定できる
以下はそれぞれの書式の例
HTML形式なら
context.fillStyle=”#FF0000″;
RGB形式なら
context.fillStyle=”rgb(255,0,0)”;
RGB+透明度なら
context.fillStyle=”rgba(255,0,0,0.5)”
一番最後の0.5は透明度
透明度は、0~1で指定