![](https://img.sabae.cc/data/20250103/1d3287dd-cc7e-4fb3-a5ae-b7b4e19a0f7d.jpg)
1月2日と言えば書き初め。2012年の一日一創作品「ベジェ曲線体験1」をベースに、SVGのベジェ曲線を使って「巳」と描くツールを作りました。
「bezier svgmaker」 src on GitHub
まずはベジェ曲線の一筆書きに対応。何も無いところをクリックすると線が伸びます。コントロールポイントで曲線を自由に編集できます。「remove point」で短くすることと、色と線の太さの変更に対応しました。
「巳 - SVG」
作成したSVGデータは、HTML内に入れるだけ、表示できます。