canvas要素で星形を描画する

canvas要素で星形を描画するには、次ような方法で実装できます。

関数定義

JavaScript

使い方

引数名 初期値 説明
第一引数
必須
canvas   canvas要素
第二引数
必須
cx   描画を開始する中央位置(X座標)
第三引数
必須
cy   描画を開始する中央位置(Y座標)
第四引数
必須
viewRadius   描画する基本半径
第五引数
必須
points   点の数
第六引数 outerRadius 0 外側に飛び出す量
第七引数 innerRadius 0 内側にへこます量
第八引数 options {
  strokeColor : '#000',
  strokeWidth : 0,
  fillColor : '#000'
}
その他オプション

戻り値

canvas要素を返します。

サンプルコード

JavaScript

デモ

JavaScript逆引きリファレンス一覧へ戻る