集中線メーカー

▨ 使い方

1. 各入力項目の意味
幅：キャンバスの横幅をピクセル単位で設定します（例：800）。
高さ：キャンバスの縦幅をピクセル単位で設定します（例：600）。
余白サイズ：中央の楕円の大きさを調整するパラメータです。数値が大きいほど、中央部分の楕円も大きくなり、描画される三角形の先端の位置が外側に広がります（例：280）。
集中線数：描画される三角形（集中線）の本数を指定します。数が多いほど複雑なパターンになります（例：300）。

2. ボタンの操作方法
再描画：入力した各値に基づいてキャンバスをクリアし、新しい集中線のパターンをランダムに描画します。設定を変えた後はこのボタンを押すことで、最新のパラメータが反映された描画が確認できます。
保存_SVG：現在の描画内容をベクター形式（SVG）で保存します。SVGは拡大縮小しても劣化しないため、印刷物やデザイン用途に適しています。
保存_PNG：現在の描画内容をラスタ形式（PNG）で保存します。キャンバスに表示されているそのままの画像が出力されます。

3. 描画の仕組み
キャンバスの中心を基準に、外側の一定距離（計算上はキャンバスの角からの距離に倍率をかけた値）上にランダムな角度で点Aと点Bを配置し、中央の楕円上にランダムな位置の点Cを配置します。
これら3点（A, B, C）を結ぶ細長い三角形を描画することで「集中線」を表現します。
各三角形の角度にはランダム性が加えられているため、毎回異なるパターンが生成されます。

4. 使用手順のまとめ
パラメータ入力：各入力欄（幅、高さ、余白サイズ、集中線数）にお好みの値を入力します。
再描画ボタンをクリック：入力した設定を基に新しい集中線のパターンがキャンバスに描かれます。
画像の保存：SVG形式で保存したい場合は「保存_SVG」ボタンを、PNG形式で保存したい場合は「保存_PNG」ボタンをクリックします。

これで、ツールを使ってキャンバス上にユニークな集中線のデザインを作成し、必要な形式で保存することができます。