今回は、JavaScriptでSVGElementの生成に加え、削除もしてみました。svgタグ以下の子ノードを、for文をつかってすべてを削除しています。
点描する座標を求めるための基本的な計算式もわかりやすく(冗長に)書き記してあります。
- 360度数法からラジアンへの変換
- ラジアンからsin、cosを計算
↓以下が実際のソースサンプルです。
▼JavaScript
▼CSS
▼HTML
JavaScript Archives(ジャバスクリプト アーカイブス) 2024 . Powered by WordPress
One thought on “JavaScriptで HTML5 SVG のcircle上に等間隔で点描をする”