◀ 2.

色

▶
編集
ページの作成
テンプレートを更新

ページの作成

親となるページを選択してください。

ページは必ず何かしらの親ページに紐づきます。
親ページに紐づくページを子ページといいます。
例： 親=スポーツ, 子1=サッカー, 子2=野球

子ページを親ページとして更に子ページを作成することも可能です。
例： 親=サッカー, 子=サッカーのルール

親ページはいつでも変更することが可能なのでとりあえず作ってみましょう！

Canvasでの色の指定の仕方

 

色

ctx.strokeStyle=色

図形の枠線の色を指定

ctx.fillStyle = 色

図形を塗りつぶす色を指定

”色”に指定する色はCSSで指定するフォーマットに対応。

 

透明度

ctx.globalAlpha = 透明度

描いた図形の半透明度を指定

”透明度”は、0.0（完全に透明）から1.0（透明度なし）の範囲で指定する。

 

線形グラデーション

CanvasGradient = ctx.createLinearGradient(x0, y0, x1, y1)

 線形グラデーションを指定

CanvasGradient.addColorStop(offset, color)

グラデーション色を追加

グラデーションの開始地点(x0, y0)と終了地点(x1, y1)をセットすると、

その直線で初期化された線形のCanvasGradientオブジェクトを返す。

 

グラデーション終点のoffsetと、その地点の色をセットする。

 

円形グラデーション

CanvasGradient = ctx.createRadialGradient(x0, y0, r0, x1, y1, r1)

 円形グラデーションを指定

中心座標が (x0, y0) で半径 r0 の円と、中心座標が (x1, y1) で半径 r1 の円を指定すると、

その2つ円で初期化された円形のCanvasGradientオブジェクトを返す。

編集
ページの作成
テンプレートを更新

ページの作成

親となるページを選択してください。

ページは必ず何かしらの親ページに紐づきます。
親ページに紐づくページを子ページといいます。
例： 親=スポーツ, 子1=サッカー, 子2=野球

子ページを親ページとして更に子ページを作成することも可能です。
例： 親=サッカー, 子=サッカーのルール

親ページはいつでも変更することが可能なのでとりあえず作ってみましょう！
子ページ
子ページはありません
同階層のページ
  1. 図形
  2. 色
  3. 直線・曲線(パスでの描画)

人気ページ

最近更新/作成されたページ