FC2ブログ

canvasの色の指定

コンテキストのメソッド、プロパティを使い描画

描画するには、コンテキストを通して
描画用のメソッドを呼び出す

色の指定は
fillstyleプロパティを利用

たとえば、
context.fillstyle="rgb(255,0,0)";
というように指定する

長方形などの短型を描画するなら
fillRect()を使用

たとえば、
context.fillRect(50,50,200200);というように指定

引数の意味は
fillRect(X座標, 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で指定
スポンサーサイト



コメント

非公開コメント

最新記事
検索フォーム
GREEハコニワ攻略サイト
リンク
カテゴリ
月別アーカイブ
フリーエリア
最新記事
FXプライムレート
最新コメント
最新トラックバック