webmanab.htmlcanvasでシェイプを作成するためにピクセル位置を指定するときに、 極座標系を使って(x,y)座標を求めるtipsです。 極座標とは 極座標とは原点からの半径と原点を中心とした回転角度(r,θ)によって空間の点を決定します。 円形に要素を配置させたいときなどに、極座標をループさせて連続して求めて、デカルト座標(x,y)に変換したりします。 極座標 → デカルト座標 極座標をデカルト座標に変換する式は以下のようになります。 cos(theta) = x/r → x = r * cos(theta) sin(theta) = y/r → y = r * sin(theta) ラジアンへの変換 thetaの角度はラジアンという単位に変換し利用します。 radianという変数に格納する場合は以下のように記述します。 javascript var radian = angle * Math.PI
