Areaでエンジニア業務をしている大澤です。普段はRailsを使って電力会社様向けのサービスの開発、運用しています。Instagramから、こんな動画が流れてきた。https://www.instagram.com/p/B0i9QevlN7V/おもしろいなー、SVGで書けるんじゃないか?という発想から、やってみた。その時のことを今回書きます。SVGは座席予約システムを作っていたときに、座席の表現に使ったことあったけど、今回は、アニメーション。三角比と座標を見つけて、やっとの思いで計算。その時のメモ、Pizzaの切り方を計算しているように見えます。';'},これで作ったのが、こちら。https://circle-169c3.firebaseapp.com/circle1ちょっと違いますね。これはこれで良いけど、アニメーションのスピードがlinearスピードを調整しなければと調査し、以下の属性を設定で変更できるとのこと。1'https://circle-169c3.firebaseapp.com/circle2それっぽくなった。https://circle-169c3.firebaseapp.com/circle3今回いじった、ソースはこちら。Slaterが出たりと、為になります。17:14SVGのアニメーションで遊んだ話Tweet関連記事2019-08-19ElasticBeanstalkでのデプロイ高速化!〜assets:precompileをCircl...プラットフォーム事業部の@yuyasatです。月別アーカイブスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。