JavaScriptで HTML5 SVG のcircle上に等間隔で点描をする

今回は、JavaScriptでSVGElementの生成に加え、削除もしてみました。svgタグ以下の子ノードを、for文をつかってすべてを削除しています。

点描する座標を求めるための基本的な計算式もわかりやすく(冗長に)書き記してあります。

  • 360度数法からラジアンへの変換
  • ラジアンからsin、cosを計算

↓以下が実際のソースサンプルです。

▼JavaScript


▼CSS


▼HTML

角形

デモページは、こちら