2025-01-02
#js 

1月2日と言えば書き初め。2012年の一日一創作品「ベジェ曲線体験1」をベースに、SVGのベジェ曲線を使って「巳」と描くツールを作りました。


「bezier svgmaker」
src on GitHub
まずはベジェ曲線の一筆書きに対応。何も無いところをクリックすると線が伸びます。コントロールポイントで曲線を自由に編集できます。「remove point」で短くすることと、色と線の太さの変更に対応しました。


「巳 - SVG」

作成したSVGデータは、HTML内に入れるだけ、表示できます。

links
- PythonからJavaScriptへの移植、SVGかわいいもふもふキャラクター編

Tweet
クリエイティブ・コモンズ・ライセンス
本ブログの記事や写真は「Creative Commons — CC BY 4.0」の下に提供します。記事内で紹介するプログラムや作品は、それぞれに記載されたライセンスを参照ください。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / 「一日一創」画像 / RSS