福野泰介の一日一創

「生成したかどまるパスSVG表示」
Xで人気なSVG生成アルゴリズム。せっかくなのでもう一歩進めて、オープンデータとしてライセンスフリーで公開している、こどもパソコンIchigoJamのロゴのような、かどまるパスへの変換を加えました。

ポリゴンから角丸パスを生成するプログラム makeRoundPath.js を作って、テストして、dot2svgにオプションパラメーターとして組み込み、dotsvgmaker にも対応を追加してできあがり！
「dotsvgmaker」
角丸パラメーター対応。カーソルボタン右横のスライドバーで調整できます。

「dot2svg」 src on GitHub
ブラウザやDenoでサクッと使えるESモジュール、dot2svg。ご活用ください。

SVGに対する知識が深まり、夢が広がる、良い入門を発見しました。
「SVG Tutorial - Learn how to code images in HTML with SVG」
創造は最大の学びなり。

links
- ドットパターンからきれいなポリゴンSVGを生成するアルゴリズム dot2svg