結城浩のブログ
Author
About
Feedback
2018-12-09
svg
javascript
web
icon
graphics
簡単なグラフィックアイコンをJavaScriptで動的に作る(SVGを使う)
結果
使い方
<span id="icon123"><span>
のように
id
付きの要素をHTMLに置いておく。
drawicon('icon123', 'https://example.com/', 'seed-string');
を実行すると、その要素のところにアイコンが表示されてリンクになる。デザインは
seed-string
で定まる。
ソース
https://gist.github.com/hyuki/6f1e36ca4501d5bdfaf28ec71e60038e
ライブデモ
https://depot.hyuki.net/svgjs/
関連ツイート
https://twitter.com/hyuki/status/1071759572719693824
使ったライブラリ
https://svgjs.com/
https://github.com/brix/crypto-js
2018-12-09
svg
javascript
web
icon
graphics