この記事はSVG Advent Calendar 2016の第11日目の参加記事です。 10日に厨二病SVGエフェクト集をまとめたものをアップしようと思ったのですが、真面目に時間なくて断念しました。 そこで、私が贔屓にしているVueでぱぱぱっとSVGを用いたアバターアプリ的なものを作ってみました。 時間の関係上装飾は簡素、スマホに最適化してないなどいろいろアレですがお許しください。なお、webkit環境でしか確認していません。 アバターアプリ的なもの アバターアプリ的なもの VueはSVGも操作できるため、最初に全部表示したものを分岐で隠しているだけです。 その後非表示Canvasで画像化してダウンロードできるようにしてあります。 ソースコードはこちら aiデータはこちら これ自体は私が運営するサイトでやろうと思ってたことなのですが、この機会にやってみることにしました。 計1時間でできるだ
![SVGとVueでアバター的なものを作る](https://cdn-ak-scissors.b.st-hatena.com/image/square/1c9e710c60f27b8bab789fe24e578cea0cec0de6/height=288;version=1;width=512/https%3A%2F%2Ftanshio.net%2Fstatic%2Fogp-1c800ad639c9f4c02890c85c54b6e6dd.png)