SVGをスムーズに補間しアニメーションする  flubber

https://user-images.githubusercontent.com/2120446/27014160-e0ce7c04-4ea7-11e7-8da4-5dde839290eb.gif

MITライセンス

これまでは形状がお互いに本当にうまく対応すれば機能するかもしれませんが、いったんあなたの形が実際に対応していなければ、奇妙な逆転と突然のジャンプで予期せぬ結果を得るでしょう。

このライブラリの目的は、それを考えずに、合理的に滑らかなアニメーションをもたらす任意の2つの図形(または図形の集合)に対して最良の補間を提供することです。

引用元:

github.com

 

SVGエッセンシャルズ 第2版

SVGエッセンシャルズ 第2版

 

 

 

SVG Animations: From Common UX Implementations to Complex Responsive Animation

SVG Animations: From Common UX Implementations to Complex Responsive Animation

 

 

 

データビジュアライゼーションのためのD3.js徹底入門

データビジュアライゼーションのためのD3.js徹底入門

 

 

 

Boxy SVG Editorでイラストを描こう

Boxy SVG Editorでイラストを描こう

 

 

 

Visualizing Information Using SVG and X3D: XML-based Technologies for the XML-based Web

Visualizing Information Using SVG and X3D: XML-based Technologies for the XML-based Web

 

 

 

SVG Text Layout: Words as Art

SVG Text Layout: Words as Art