2023-12-14
#js 

「生成したかどまるパス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

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